propriété d'opacité CSS3
Résultats de traduction：
opacité
Anglais [əʊˈpæsəti] US [oʊˈpæsəti]
n Opacité; difficile à comprendre; vague
Pluriel : opacités
.propriété d'opacité CSS3syntaxe
Fonction : Récupérer ou définir l'opacité de l'objet.
Remarque : Pour les navigateurs IE qui ne prennent pas encore en charge l'attribut opacité, vous pouvez utiliser l'attribut de filtre privé d'IE pour obtenir le même effet que l'opacité
propriété d'opacité CSS3exemple
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title></title>
<style>
h1 {
margin: 10px 0;
font-size: 16px;
}
.test,
.test2 {
width: 300px;
height: 150px;
padding: 10px;
}
.test {
background:#050;
}
.test2 {
margin: -120px 0 0 50px;
background: #000;
filter: alpha(opacity=50);
opacity: .5;
color: #fff;
}
</style>
</head>
<body>
<h1>下例是一个半透明的效果：</h1>
<div class="test">不透明度为100%的box</div>
<div class="test2">不透明度为50%的box</div>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne