Connaissances connexes sur la transparence CSS Alpha. Veuillez d'abord jeter un oeil au code suivant :
Code du programme
filtre:alpha(opacité=50); /* IE */
-moz-opacité :0,5 ; /* Moz + FF */
Opacité : 0,5 ; /* Navigateurs prenant en charge CSS3 (FF 1.5 le prend également en charge) */
Pour expliquer brièvement, IE utilise l'attribut privé filter:alpha(opacity), Moz Family utilise l'attribut privé -moz-opacity et l'attribut standard est opacity (CSS 3, Moz Family prend partiellement en charge CSS3). La valeur suivante est la transparence, utilisez un pourcentage ou une décimale (alpha (opacité)). Utilisez une valeur supérieure à 0 et inférieure à 100, qui est en fait un pourcentage). Vous ne voyez pas Opera à partir du code ci-dessus. C'est vrai, Opera ne prend pas encore en charge l'opacité standard et ne dispose pas non plus de ses propres propriétés privées pour prendre en charge la transparence Alpha. Cependant, nous savons qu'Opera prend en charge les images PNG transparentes Alpha (bien sûr, Moz Family les prend également en charge). Nous pouvons donc utiliser une image d'arrière-plan pour obtenir une transparence Alpha.
La clé est :
code de programme
arrière-plan : url transparent (alpha80.png) en haut à gauche répéter ! important ;
arrière-plan :#ccc ;
filtre:alpha(opacité=50);
Étant donné que Moz Family prend en charge les PNG alpha-transparents, nous n'avons pas besoin d'utiliser ses propriétés privées. Bien sûr, vous pouvez utiliser l'opacité standard, mais n'utilisez pas d'images alpha transparentes et d'opacité en même temps, sinon cela devient un mélange des deux. Vous pouvez télécharger l'exemple ci-dessus et jeter un œil aux commentaires de /*opacity:.5;*/.