28172 sujets

CSS et mise en forme, CSS3

Gestion des PNG sous IE6

Bonjour à tous,

Je n'arrive pas à gérer le pb d'incompatibilité d'IE6 et version antérieure.
J'obtiens un background gris à la place de ma zone de transparence pour mon menu.
Je teste sous différentes versions d'IE en local avec cet outil :
http://tredosoft.com/Multiple_IE

RQ : quand je clique sur about IE dans l'explorateur IE6, il indique la version 7.0.5.7 ...

HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<!-- [if lt IE7] >
<link href="css/stylesIE.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
	  
	  <div id="haut">
	  
		<ul id="menuhaut">
		<li><a id="accueil" href=""><b>Accueil</b></a></li>
		<li><a id="activites" href=""><b>Activités</b></a></li>
                <li><a id="contact" href=""><b>Contact</b></a></li>
		</ul>
		
	  </div>
</body>
</html>


CSS
#accueil{
background-image:url(../images/accueil.png);
background-image:url(no-image);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/accueil.png');
background-image: none;}

Modifié par popovitch (12 May 2008 - 17:05)
essaye de rajouter la largeur et la hauteur de ton image dans le CSS,chez moi ça marche.

Exemple :

.header{
	background-image:url(images/header.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png');
	height:128px;
	width:995px;
	margin-top:-4px;
	margin-left:5px;

}
Bonjour,

Est-ce que tu as lu la FAQ du forum à ce sujet?

Pour les pistes de solution:
1. il me semble que le chemin doit partir non pas de la feuille de styles (comme pour la propriété background-image) mais de la page HTML;
2. le bloc doit avoir le layout (cf. concept de HasLayout, également décrit dans la FAQ).
c'est bon, merci c'est dans le mille.

P.S. : j'aurais du jeter un œil à la f.a.q. sorry, maintenant je sais qu'elle est bien fournie
Sujet clos
Aller à