Tayo
Astuce et Tutorial » Programmation / Developpement » css-et-design » Aide rédigée par Zabuza
Description de cet article : opacity pour Firefox. Et pour IE?
Lire les commentaires


Transparence Internet Explorer 6 / 7


La transparence, utilisée si simplement pour la majorité des navigateurs "modernes" en utilisant l'attribut css opacity:0.9 ( par exemple ) est quelque peu "mal gérée" avec Internet Explorer.

Pour rendre un élément transparent, nous utilisons la propriété opacity.

Il convient de savoir qu'un élément "invisible" sera de type opacity:0.0, tandis qu'un élément "plein" sera de type opacity:1.0.

Dans l'exemple ci-dessous, nous avons donc choisi "80%" de transparence, avec opacity 0.8

Exemple :

[code=html]<div style="width:300px;height:50px;background:blue;opacity:0.8">Notre page</div>[/code]


Notre page



Seulement voilà, avec Internet Explorer ça ne marche pas convenablement. Pour ainsi dire, Microsoft aime jouer les coquinous, il convient d'utiliser l'attribut  filter.

Exemple :

  [code=html]<div style="width:300px;height:50px;background:blue;opacity:0.8; filter : alpha(opacity=80);">Notre page</div>[/code]



Notre page



Notez que nous avons garder la valeur opacity:0.8; pour les autres navigateurs. Pensez à bien utiliser l'attribut background: et non background-color. Cela peut bugger.

De même, si vous constatez un bug sur Internet Explorer 7.0, pas de panique, on est habitué avec Microsoft :

Système D.

Placez l'élément min-height:1px; quelque part...


réduireNews
réduireTutoriel lié
  • Transparence opacity Internet Explorer 6 / 7
    opacity pour Firefox. Et pour IE?
  • Centrer un div : position:fixed
    Utilisation de : position:fixed.
  • Emuler Internet Explorer 6.0
    Comment Emuler IE6 ( internet explorer 6) avec Internet explorer 7 d'installé
  • Désinstaller Internet Explorer 8.0 de Windows..
    Comment virer IE 8.0 BETA
  • Dans la même catégorie : css-et-design

    Passer l'activation de Windows 7 temporairement avec invite de commande

    Faire tourner un div d'un certain angle en css
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 9
    Note: 9 sur 10

    Donnez votre note à ce tuto sur 10 :

    Comment éviter les longs mots de détruire le désign ?

    Faire tourner un div d'un certain angle en css

    Liste des commentaires pour Transparence opacity Internet Explorer 6 / 7


    Votre PseudoIl y a 0mn
    Votre commentaire forum
    Vous avez la parole
    Laissez un commentaire sur cet article.
    Pseudo :


    Facultatif : Cliquez ici pour choisir une tête
    Votre email ( non publié ) :

    Image anti spam :
    Code Image
    Recopier les 5 chiffres de cette image :






    Prendre contact avec Tayo.fr : Formulaire Tayo

    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).