Problèmes et solutions rencontrés lors de l'utilisation de rgba() en CSS

J'ai rencontré un problème aujourd'hui. J'ai dû définir un div blanc translucide dans une page. Cela ne semble pas poser de problème. Il vous suffit de définir les attributs suivants pour ce div :

background: rgba(255,255,255,.1);

Mais il doit être compatible avec ie8. C'est un peu douloureux. Parce que ie8 ne prend pas en charge la fonction rgba(). Ci-dessous, nous résumons la signification de la fonction rgba().

La signification de rgba, r représente le rouge, g représente le vert, b représente le bleu, le rouge, le vert et le bleu sont les trois couleurs primaires. Toutes les couleurs peuvent être combinées à partir de ces trois couleurs. a est synonyme de transparence. Par exemple, rgba (255, 255, 255, 0,1) est blanc avec une transparence de 0,1. RVB est pris en charge dans les navigateurs modernes. Cependant, rgba n'est pas pris en charge dans les navigateurs anciens tels que IE8. IE8 ne peut à peine prendre en charge la fonction rgb() (c'est-à-dire que la transparence est supprimée et ne peut représenter que la couleur).

Donc, définir la translucidité dans IE8 nécessite un peu d'intelligence. J'ai appris d'un maître que le filtre d'IE peut être utilisé pour résoudre ce problème. Le code CSS est le suivant :

background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

La deuxième phrase signifie que la transparence de la ligne précédente le fait. pas le temps d'exécuter. Le sens de cette phrase était à l’origine utilisé pour réaliser des dégradés. Mais aucun dégradé n'est nécessaire ici. Les deux couleurs sont donc définies sur la même couleur.

Veuillez noter que cette couleur "#19ffffff" est composée de deux parties.

La première partie est 19 après le #. Est la valeur IEfilter de la transparence rgba 0,1. Chaque nombre de 0,1 à 0,9 correspond à une valeur IEfilter. La relation correspondante est la suivante :

La deuxième partie est constituée des six chiffres après 19. Il s'agit d'une valeur de couleur hexadécimale. Elle doit être la même que la valeur de la fonction RVB. Par exemple, rgb(255,255,255) correspond à #ffffff ; les deux sont blancs.

À ce stade, l'utilisation de rgba est compatible avec IE8.

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!