CSS internet explorer, soucis opacité

Résolu
ickyknox -  
bonjour à tous,

je suis en train de m'arracher les cheveux en voulant convertir du css (compatibles pour tous évidemment) SAUF internet explorer (bien évidemment ^^)

j'ai ce bout de code : 

.content2{height:121%; background:rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
border-width: 2px;
border-style: solid;
border-radius: 1ex;}


j'aimerais que sur le css IE soit compatible.
J'ai essayé plusieurs combinaisons d'après les tuto qu'on m'a donné, mais rien ne permet de retrouver l'aspect souhaité.

Si vous voulez voir la tete définif que ca a sur mon site (sur tous les navigateurs sauf explorer):
http://www.ple nitude-beaute0 6.com/maq uillage.html

je vous remercie de m'aider

5 réponses

  1. ickyknox Auteur
    j'avais aussi prévu d'ajouter une fenetre pour les utilisateurs IE :

    Chers visiteurs, ce site n'est pas optimisé pour le navigateur Internet Explorer. Je vous suggère de télécharger n'importe quel autre navigateur internet à défaut de désinstaller cette buse infame. Cordialement.
    1. Atropa
      Il ne faut pas désinstaller ie ! surtout pas...
    2. ickyknox Auteur
      ca y est, j'ai testé ca :
      et ca marche

      background: rgba(255, 255, 255, 0.3); /* browsers */
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
  2. pingouin_sauvage
    Rajoute un lien de téléchargement vers firefox pour les gens qui utilisent IE (et un lien de download pour archlinux aussi)
    1. wAxxx
      Bonsoir,

      Tout d'abord faut mettre l'accent sur la différence entre rgba et background-color. rgba inclut l'aspect de transparence , background-color ne permet que des couleur solide.

      Ickynox utilise l'attribut : 

      filter:progid:DXImageTransform.Microsoft.gradient


      il remplace rgba qui n'est pas cross browser.
      1. Atropa
        ce ne l'est pas pour ie 6 peut être...
      2. wAxxx
        C'est pour IE6/7.
        Essai encore cela (cette fois c'est cross browser) 

            background:rgb(255,0,0);
    background: transparent\9;
    background:rgba(255,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFF0000,endColorstr=#4cFF0000);
    zoom: 1;
      3. Atropa
        oui des bestioles à l'agonie qui ne demande qu'a mourir...
      4. ickyknox Auteur
        JE Vous remercie pour vos réponses à tous.
        En ce moment j'en suis arrivé là :

        .content2 {
        height:121%;
        background:rgba(255,255,255);
        background: transparent\9;
        background:rgba(255,255,255,0.3);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFF0000,endColorstr=#4cFF0000);
        zoom: 1;
        border-color: WHITE;border-width: 2px;border-style: solid;border-radius: 1ex;
        behavior: url(explorer/pie/PIE.htc);
        }

        cependant, bisaremment le fond est transparent ROUGE au lieu d'etre transparent BLANC.
        Je ne comprends pas comment c'est possible
    2. ickyknox Auteur
      la dernière.
      1. Atropa
        essai juste la propriété background-color au lieu de background

        la dernière c'est à dire ? >= 9 ?

    Discussions similaires

    FOTOSE (allemagne)
    lix

    13 réponses
    ATTENTION : escroquerie à la carte bleue !!
    dvrg

    80 réponses