Discussion sur les problèmes d'héritage de la transparence CSS dans IE et FF
Auteur:Eve Cole
Date de mise à jour:2009-06-10 17:05:49
Lorsque le conteneur parent définit la transparence, le conteneur enfant héritera des propriétés du conteneur parent. Face à ce problème, nous ne savons pas s'il faut l'appeler un bug ou un problème avec la façon dont tout le monde comprend la transparence. Indépendamment de ce que la norme CSS considère comme le plus raisonnable, comment résoudre un tel problème lorsque nous rencontrons une situation où nous ne voulons pas que le sous-conteneur soit transparent.
Première méthode :
Pour IE, ajoutez le sous-conteneur :
position : relative ;
Pour Firefox, etc., vous ne pouvez utiliser que png.
arrière-plan:url(images/boxBg.png);
/*Ce qui suit n'est reconnu que par IE*/
*arrière-plan :#CCCCCC ;
Deuxième méthode :
Une brève description est également une méthode courante sur Internet.
Construisez trois conteneurs. Tout d'abord, laissez le conteneur qui doit être transparent et le conteneur opaque maintenir une relation fraternelle.
Ensuite, contrôlez la taille via le conteneur parent afin que les deux conteneurs frères conservent un arrangement apparemment parent-enfant grâce au positionnement.
La deuxième méthode évite le problème d’héritage de transparence, mais ne résout pas le problème d’héritage de transparence.