Propriété filter:alpha...Viabilité W3C ?

callahan75 Messages postés 28 Statut Membre -  
 Ephème -
Bonjour à tous,

Est-ce que quelqu'un aurait l'art et la manière de placer judicieusement dans une feuille CSS le fameux :


filter:alpha(opacity)
-moz-opacity:
opacity:
-khtml-opacity

pour mettre de bonne humeur le W3C/CSS ;-)

Merci à toutes les bonnes âmes trainant par ici

A+

Callahan75

2 réponses

Groarh Messages postés 706 Statut Membre 185
 
Perso j'ai jamais trouvé de solution. Peut-être un commentaire conditionnel ? J'ai jamais esayé de valider avec.
Sinon, quand je veux de la transparence, je mets ça :
/* exemple à 80% */
  opacity:.8;
  filter:Alpha(opacity=80, style=0);

> opacity est la règle "officielle" (elle prend une valeur entre 0 et 1).

Sinon, as-tu pensé à un png transparent en image de fond ? Ils sont gérés correctement par IE depuis la v7.
1
callahan75 Messages postés 28 Statut Membre
 
Groarh,

avec beaucoup de retard ! ;-)
Effectivement les 2 sont viables, apparemment pas de vraie "strict" solution en css... et pour le png transparent c'est bien aussi ( à condition d'ajouter un hack pour IE6 )
Merci
Meilleurs voeux !
0
opop > callahan75 Messages postés 28 Statut Membre
 
<img src="images/blabla.bla"
style="opacity:0.4;filter:alpha(opacity=40)" />

CSS3 syntax for transparency is opacity:x
0
Ephème
 
Pour Safari, Chrome, FireFox et Opera;
background-color:rgba(25,25,25,0.5); gris à 50%

Peut être appliquée toute balise de couleur.

Pour IE parce que c'est navigateur mal foutu et têtu;
background:transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F19191,endColorstr=#7F19191)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F19191,endColorstr=#7F19191); /* IE6 et 7 */
zoom:1;

#AA000000; les deux premiers AA représentent le code alpha (opacity) et le reste le code de couleur.

www.ie6nomore.com
1