Tutoriel CSS3 (9) : Définition de la production de pages RVB Color_css3_CSS_Web

Production de pages Web Présentation de l'article Webjx : L'utilisation de la nouvelle instruction CSS3 "RGBA" nous permet non seulement de définir la couleur RVB comme d'habitude, mais également de définir sa transparence. L'utilisation de la nouvelle déclaration CSS3 "RGBA" nous permet non seulement de définir la couleur RVB comme d'habitude, mais également de définir sa transparence.

L'utilisation de la nouvelle déclaration CSS3 "RGBA", nous permet non seulement de définir la couleur RVB comme d'habitude, mais également de définir sa transparence.
L'utilisation de la nouvelle déclaration CSS3 "RGBA", nous permet non seulement de définir la couleur RVB comme d'habitude, mais également de définir sa transparence.
Article précédent : Tutoriel CSS3 (8) : Guide de transparence CSS3
RGBA définit la couleur tout comme RVB, et ce "A" - la dernière valeur de RGBA - nous permet de définir la transparence de cet élément. Tout comme la déclaration d'opacité, un élément avec une valeur d'opacité de 1 est entièrement opaque, tandis qu'un élément avec une valeur d'opacité de 0 est entièrement transparent.
Compatibilité des navigateurs
RGBA est désormais bien pris en charge dans Firefox, Google Chrome et Safari, et ne nécessite pas non plus de préfixe. Couleur CSS3 RGBA

L'effet ci-dessus est obtenu avec les styles suivants :
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); 20px; } div.rgbaL2 { background:rgba(153, 134, 117, 0.4); hauteur:20px; } div.rgbaL3 { background:rgba(153, 134, 117, 0.6); { background :rgba(153, 134, 117, 0.8); height:20px; } div.rgbaL5 { background:rgba(153, 134, 117, 1.0); height:20px; 🎜 >Firefox(3.05…)

Google Chrome(1.0.154…)

Google Chrome(2.0.156…)

Internet Explorer(IE7, IE8 RC1)

Opera(9.6…)

Safari(3.2.1 windows…)

Ce qui précède est le contenu du tutoriel CSS3 (9) : paramétrage de la production de pages RGB color_css3_CSS_web, plus Pour contenu associé, veuillez faire attention au site Web PHP chinois (www.php.cn) !