28172 sujets

CSS et mise en forme, CSS3

Bonsoir (il fait déjà un peu sombre ici, il pleut),

Est-ce que des gens auraient par hasard remarqué des bugs d’Opera dans son application de la propriété CSS “opacity” ?

Je n’ai pas encore de teste à proposer, il faut que j’isole le cas (j’en ferai part ici), mais en gros, voici le cas : un tableau contient des cellule pour lesquelles sont définies une couleur de fond et une couleur de texte. La classe de certaines cellules ne défini par d’Opacity, tandis que d’autres ont une classe qui leur donne opacity: 0.4 ou opacity: 0.8, selon la classe. Opera m’affiche des cellules pour lesquelles la classe ne défini pas d’Opacity, avec une opacité de 0 pour le fond, tandis que le texte contenu dans la cellule est affiché normalement. D’autres cellules, avec la même classe, sont elles affichées normalement.

J’ai remarqué que ça dépendait au moins en partie d’un problème de rafraichissement de l’affichage, car lorsque je fais défiler la page contenant le tableaux en avant puis de nouveau en arrière, le problème survient dans des cellules qui s’affichaient normalement quelques instant juste avant.

Je n’attend pas de solution, je me doute bien que ça ne doit pas être évident, mais je me demande si c’est un bug connu ou pas.

J’ai également remarqué un autre phénomène, avec FireFox et Safari cette fois, qui eux n’appliquent Opacity qu’au texte des cellules, mais pas au fond.

Le seul navigateur a se comporter comme attendu, c’est IE8

À moins que je ne me trompe en supposant que la propriété doit également s’appliquer au fond ? Il faudra que je vérifie (je n’ai pas l’habitude des propriétés CSS3, je commence seulement maintenant à les utiliser un peu)
Modifié par hibou57 (23 Jul 2010 - 17:24)
La propriété opacity détermine l'opacité de l'élément complet, ce qui englobe les fonds (couleurs et images), bordures, contenus, etc.
Si au départ tu souhaites définir des couleurs de fond translucide, utilise plutôt les couleurs RGBA, et pas opacity. Note que pour les couleurs de texte aussi, tu peux utiliser des couleurs RGBA.

Il est tout à fait possible que l'implémentation d'opacity pour divers éléments de tableaux soit buguée. Les tableaux sont des bêtes complexes qui génèrent un certain nombre de boites au niveau du moteur de rendu, j'imagine que ça peut vite devenir le bazar.
Attention à ne pas déclarer ton opacité sur des éléments englobants tels que TABLE, THEAD, TBODY, TFOOT, TR ou COL. Les propriétés ne se transmettent pas aux TD si elles ne sont pas héritées (et opacity n'est pas héritée).