Maison > Article > interface Web > Comment ajuster la transparence en CSS3
Comment ajuster la transparence en CSS3 : Vous pouvez utiliser l'attribut opacity pour définir la transparence, tel que [opacity:0.5; filter:Alpha(opacity=50);], ce qui signifie définir la transparence de l'élément sur 0,5.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Introduction à l'attribut :
L'attribut opacité définit le niveau d'opacité de l'élément.
Syntaxe :
opacity: value|inherit;
Valeur de l'attribut :
valeur Spécifie l'opacité. De 0,0 (entièrement transparent) à 1,0 (entièrement opaque).
inherit La valeur de l'attribut opacity doit être héritée de l'élément parent.
Méthode d'ajustement de la transparence :
<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>
<div>本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。</div>
</body>
</html>Résultats d'exécution :
Recommandations associées :Tutoriel CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!