Sujet Précédent Sujet Suivant

CSS internet explorer, soucis opacité

Résolu/Fermé
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 6 nov. 2012 à 17:17
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 11 nov. 2012 à 11:48
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


A voir également:

5 réponses

Réponse 1 / 5
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
6 nov. 2012 à 19:36
bonsoir,

quel version d'ie ?
0
Réponse 2 / 5
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
7 nov. 2012 à 17:00
la dernière.
0
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
7 nov. 2012 à 17:03
essai juste la propriété background-color au lieu de background

la dernière c'est à dire ? >= 9 ?
0
Réponse 3 / 5
wAxxx Messages postés 421 Date d'inscription mardi 24 juin 2008 Statut Membre Dernière intervention 29 septembre 2015 46
7 nov. 2012 à 18:22
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.
0
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
7 nov. 2012 à 18:31
ce ne l'est pas pour ie 6 peut être...
0
wAxxx Messages postés 421 Date d'inscription mardi 24 juin 2008 Statut Membre Dernière intervention 29 septembre 2015 46
7 nov. 2012 à 18:43
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;
0
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
7 nov. 2012 à 19:42
oui des bestioles à l'agonie qui ne demande qu'a mourir...
0
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
10 nov. 2012 à 17:47
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
0
Réponse 4 / 5
pingouin_sauvage
10 nov. 2012 à 17:49
Rajoute un lien de téléchargement vers firefox pour les gens qui utilisent IE (et un lien de download pour archlinux aussi)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
10 nov. 2012 à 19:03
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.
0
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
10 nov. 2012 à 19:05
Il ne faut pas désinstaller ie ! surtout pas...
0
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
11 nov. 2012 à 11:48
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 */
0

Discussions similaires

internet explorer portable ?
oupstaunii -
PERCE-NEIGE -

5 réponses
Formaté mais pas de connexion Internet ?
VissErale -
VissErale -

4 réponses
App explorer Sa sert a quoi ?
Mada_alpha -
SATS_fr -

1 réponse