Connaissances sur la transparence alpha de CSS. Veuillez consulter le code suivant:
Code de programme
Filtre: Alpha (opacité = 50);
-Moz-Opacity: 0,5;
OPACITÉ: 0,5;
Une brève explication, IE utilise le filtre de propriété privée: Alpha (Opacité), la famille Moz utilise la propriété privée -moz-opacité, et la propriété standard est Opacity (CSS 3, la famille Moz prend partiellement en charge CSS3). La valeur suivante est la transparence, en utilisant le pourcentage ou la décimale (Alpha (opacité)) pour utiliser des valeurs supérieures à 0 et moins de 100, ce qui est en fait un pourcentage). À partir du code ci-dessus, vous ne voyez pas l'opéra. Oui, l'opéra ne prend pas en charge l'opacité standard, ni ses propriétés privées qui peuvent prendre en charge Alpha transparente. Cependant, nous savons que l'opéra prend en charge les images PNG transparentes alpha (bien sûr, la famille Moz le soutient également). Nous pouvons donc utiliser des images d'arrière-plan pour réaliser l'effet transparent alpha.
La clé est:
Code de programme
CONTEXTE: URL transparente (alpha80.png) Répétition supérieure gauche! IMPORTANT;
Contexte: #ccc;
filtre: alpha (opacité = 50);
Étant donné que la famille Moz soutient l'alpha transparent PNG, il n'est pas nécessaire d'utiliser ses propriétés privées. Bien sûr, vous pouvez utiliser une opacité standard, mais n'utilisez pas d'images transparentes alpha en même temps, car cela deviendra un mélange des deux. Vous pouvez télécharger l'exemple ci-dessus, puis vérifier les commentaires pour /*opacity:.5 ;*/.