Transparence d'un div conforme W3C [Résolu]

Salut,

Si tu cherches absolument à obtenir un code valide W3C, alors il ne faut conserver que la propriété "opacity" car tes 3 autres lignes sont des codes propriétaires. Ceci dit, tu n'auras alors plus la transparence sur certains navigateurs.

Maintenant, si ton objectif est autre, à savoir conserver la transparence sur l'ensemble des navigateurs, alors il faut conserver ces 4 lignes.

L'utilisation d'une bibliothèque JS pour régler cela est totalement hors sujet vu qu'elle se reposera de toute façon sur les mêmes bouts de code.

Aussi, la seule chose à comprendre là dedans est que les standards sont des règles définies dans le but d'améliorer la qualité des pages web. Ces standards, rédigés par le W3C (principalement constitué de personnes provenant de sociétés éditrices telles que Mozilla, Microsoft, etc...), servent de fil conducteur lors de tes développements et... c'est tout !

Le validateur W3C n'est pas là pour distribuer des fessées à la première incartade mais pour t'avertir, lors de tes développements, des différences par rapport aux standards. Aussi, si tu t'en écartes tout en sachant ce que tu fais et pourquoi tu le fais , il n'y a aucun mal.

Il faut bien comprendre que si les éditeurs de navigateurs n'implémentent pas forcément toutes les propriétés telles que définies dans les standards, c'est aussi parce que ces mêmes standards ont parfois été définis après l'implémentation de la fonctionnalité au sein du navigateur.

Dans une telle situation, il faut donc savoir faire preuve d'adaptation et ne pas voir la validation comme la quête du Saint Graal.

Bonne journée

Un png transparent et un hack IE 6 ferait l'affaire

mlbcreation a écrit :
Un png transparent et un hack IE 6 ferait l'affaire

Mouais... On préfèrera utiliser un commentaire conditionnel, surtout si le but est de valider la feuille de style.

Merci beaucoup pour vos réponses, elles m'ont bien aidé! (Et désolé Laurie-Anne c'est noté)
Je résume Hermann bien que très clair :
- pour IE -> CSS conditionnelles :

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*IE8*/
filter: alpha(opacity=60); 

- pour les navigateurs moins $*!/°$¤& -> dans le css conventionnel :

opacity:0.5;

C'est déjà beaucoup mieux !
Mais sachant bien que le W3C n'est pas un but mais une direction (dixit koala64) j'aurais voulu un site conforme et il me reste ce message :
La propriété opacity n'existe pas en CSS niveau 2.1. mais existe en : 0.5
Sans partir dans du flash, voyez vous une solution pour ce dernier message d'erreur ?

Oime a écrit :

Je résume Hermann bien que très clair...

oui

Oime a écrit :

Mais sachant bien que le W3C n'est pas un but mais une direction (dixit koala64) j'aurais voulu un site conforme et il me reste ce message :

Alors tu as mal compris le message qu'à voulu faire passer Koala

Oime a écrit :

La propriété opacity n'existe pas en CSS niveau 2.1. mais existe en : 0.5
Sans partir dans du flash, voyez vous une solution pour ce dernier message d'erreur ?

Ce message est une erreur je pense : CSS 0.5 n'a jamais existé, ne pas en tenir compte.
Opacity fait parti d'un module CSS 3 qui a déjà passé l'état de Candidate Recommendation, cette propriété est donc implémentable et a été implémentée par la plupart des principaux navigateurs alternatifs, donc aucune contre-indication à son utilisation.
Tu devrais plutôt utiliser le validateur CSS3 du W3C.

C'est ce qui me manquait, merci c'est niquel.
J'ai eu le droit à un beau :
Félicitations ! Aucune erreur trouvée.

bonjour,

j'ai un div tranparent pour avoir un effet de cache blanc sur une page

, ça marche avec :

 filter:alpha(opacity=90); 
-moz-opacity:  0.9; 
opacity: 0.9; 
-khtml-opacity: 0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);  

mais évidemment le texte à l'intérieur est aussi transparent
quel est le meilleur moyen pour enlever cela?

je pensais faire un div avec mon calque pour la transparence + une div intérieure ou je faisais un inherit des opacity mais cela me parait lourd
Modifié par sergeweb54 (01 Jun 2010 - 19:53)

sergeweb54
utilise rgba(0, 0, 0, 0.9) dans le background-color de ta div
c'est du css3 évidemment...