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
Configuration: Windows XP
Firefox 3.0.3

2 réponses

  1. 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
    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
      1. 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
  2. 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