opss css ne fonctionne pas dans IE7

J'ai cette page de test: http://jsfiddle.net/VWnm9/7/. L'image est correctement évanouie sur tous mes ordinateurs fonctionnant sous IE7 ou IE8, à l'exception d'un ordinateur qui exécute IE7 et ne fond pas la fleur, même en mode noext.opss css ne fonctionne pas dans IE7

La page est:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
<head> 
    <style type="text/css"> 
     body { 
      background: blue; 
     } 
     img { 
      filter: alpha(opacity=10); 
      opacity: 0.1; 
     } 
    </style> 
</head> 
<body> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" /> 
</body> 
</html>

Est-ce que quelqu'un a une idée pourquoi?

Source

2010-05-31 Alsciende

duplication possible de [opacité css ne fonctionne pas dans IE7] (http://stackoverflow.com/questions/2944019/css-opacity-not-working-in-ie7) – bobince

En fait, j'ai posté deux fois. La première fois, SO m'a redirigé vers la page "Poser une question", alors j'ai pensé qu'elle avait perdu ma question. – Alsciende

Serait bon de savoir quelle est la différence entre les machines IE7 qui fonctionnent et celles qui ne le font pas. Version IE7 légèrement différente de Microsoft Updates peut-être? – Alex

Vous devez probablement appliquer certains des filtres MS.

Par exemple:

img { 
    opacity: 0.1; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    filter: alpha(opacity=10); 
}

More info about opacity on quirksmode.

Source

2010-05-31 14:09:31 mqchen

Cela ne fonctionne pas. -ms-filter est pour IE8 en mode de compatibilité, AFAIK. – Alsciende

Il semble que IE peut nécessiter un positionnement sur les éléments afin d'y appliquer des filtres. Essayez d'ajouter 'zoom: 1'. Plus d'infos ici: http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/ – mqchen

Une simple image comme ça a déjà la disposition. Mais j'ai essayé le zoom: 1 et le réglage de la largeur et de la hauteur pour être sûr: rien n'a changé. – Alsciende

pas 100% sûr, mais cela pourrait être parce que IE a du mal avec opacity sur PNGs transparent: Vous voyez this SO question

Source

2010-05-31 14:24:18

J'ai testé avec succès 8 ordinateurs. Un seul ordinateur n'affiche pas l'image. Le css utilisé devrait fonctionner. Le problème réside dans le seul IE7 qui ne fonctionne pas. – Alsciende

@Alsciende est-ce un problème dans IE 7 en général ou un seul ordinateur? –

Un seul ordinateur. – Alsciende

je finis normalement jusqu'à recourir à .PNG semi-transparent de. C'est une meilleure solution que les hacks CSS quand vous avez besoin de supporter IE6 et certaines versions de IE7.

Source

2010-05-31 14:26:02 Alex

Je pense que IE6 a besoin de certains hacks javascript pour comprendre la transparence alpha dans les images PNG. Par exemple. voici une telle correction: http://www.twinhelix.com/css/iepngfix/ – mqchen

J'ai besoin d'ajuster l'opacité par javascript, donc ce n'est pas une option. – Alsciende

Les images PNG fonctionnent bien dans de tels cas.

Source

2013-04-09 10:40:42 Alex

opss css ne fonctionne pas dans IE7

Répondre

Questions connexes