Maison >interface Web >Questions et réponses frontales >Est-ce que rgba en CSS3 est compatible avec ie8 ?
rgba n'est pas compatible avec ie8 et n'est compatible qu'avec ie9 ou supérieur. Il peut être remplacé par un filtre. La syntaxe est "filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=color, endColorstr=color)".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
Non compatible.
css3 rgba ajoute un canal alpha (transparence) aux 3 couleurs primaires d'origine. La compatibilité de cet attribut est la suivante :
Seules les versions de la famille IE 9 ou ultérieures prennent en charge cet attribut ;
La signification de rgba, r signifie rouge, g signifie vert, b signifie bleu et a signifie transparence. rgba(0,0,0,.5) Cela représente le noir et la transparence est de 0,5Pour résoudre le problème de transparence sous IE8, vous pouvez ajouter cette phrase :filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/Cette phrase est utilisée à l'origine pour faire des dégradés Utilisé, mais il n'y a pas d'effet de dégradé ici, donc startColorstr et endColorstr sont définis sur la même couleur. Ici #7f000000, #7f représente la transparence, 000000 représente la couleur, voici le tableau de transparence correspondant :
L'exemple est le suivant :
background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);startColorstr=#99000000 : #Les 8 nombres suivants sont Split en deux parties 99 000000 Elles correspondent à AA(IEfilter) GGBBAA(GBA). La première partie est le 99 après #. Est la valeur IEfilter de la transparence rgba 0,6. Chaque nombre de 0,1 à 0,9 correspond à une valeur IEfilter. La deuxième partie est constituée des six chiffres après 99. Il s'agit de la valeur de couleur hexadécimale. Par exemple, rgb(255,255,255) correspond à #ffffff ; (Partage de vidéos d'apprentissage :
Tutoriel vidéo 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!