Maison >interface Web >tutoriel CSS >Comment ajuster la transparence en CSS3

Comment ajuster la transparence en CSS3

王林original: 2021-02-24 17:10:423139parcourir

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 :

Comment ajuster la transparence en CSS3

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!

css css3 Filter 继承

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quels attributs peuvent être utilisés pour définir des bordures en CSSArticle suivant：Quels attributs peuvent être utilisés pour définir des bordures en CSS

Articles Liés

Voir plus