28172 sujets

CSS et mise en forme, CSS3

IE8 ne prend pas en compte la propriété CSS opacity

Quand j'utilise la propriété css opacity sur une DIV cela ne marche pas avec IE8.
Un message contôle ActiveX s'affiche et je ne sais pas pourquoi.

Voici mon code:

<html>
<head>
<style type="text/css">
	.x
	{
	opacity:0.4;
	filter:alpha(opacity=40);
	}
	</style>

</head>

<body>

<div id="message" class="x" style="border: medium solid; border-color: red; display: block;">TEST</div>

</body>
</html>
Administrateur
Bonjour et bienvenue, Smiley smile

ce serait pas -ms-opacity dans IE8 mais opacity dans IE9 et/ou 10 ?
Modifié par Felipe (27 Sep 2012 - 18:47)
jb_gfx a écrit :
Faut ajouter un positionnement relatif ou absolu à ta div pour que ça fonctionne sous IE8.


+ filter?
Salut,
Felipe a écrit :
ce serait pas -ms-opacity dans IE8 mais opacity dans IE9 et/ou 10 ?

Sous IE 9 et 10, si ; mais, sous IE 8, il faut recourir à -ms-filter (voire à filter tout court si le mode de compatibilité IE 7 est déclenché).
thomas55 a écrit :
Merci pour votre aide mais ni -ms-opacity ni la position absolute de ma div ne marche sur IE8.

La propriété -ms-opacity n'existe pas, que je sache.
Victor BRITO a écrit :
(voire à filter tout court si le mode de compatibilité IE 7 est déclenché).



ouais mais cela on peut le virer par le htaccess non ? Je veux dire par là que l'on peut forcer à ne pas utiliser le mode compatiblité :
a écrit :
<IfModule mod_headers.c>
  Header set X-UA-Compatible "IE=Edge,chrome=1"
  <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
    Header unset X-UA-Compatible
  </FilesMatch>
</IfModule>
Sujet clos
Aller à