color transparent! marche pas sous IE6 => alternative?

**kleenex** · 21/02/2008, 19h02

Bonjour,

le titre est assez explicite; J'ai une image PNG dont certaines parties sont transparentes. J'utilise donc les proprietes CSS suivantes pour garder cette transparence lors de l'integration de l'image dans ma page Web:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#bHeadLeft{
    background:transparent url(../images/signupLeftH.png);
    width:13px;
    height:28px;
    float: left;
}

Le resultat est tout a fait convaincant sous IE7 et firefox mais pas sous IE6. Je cherche donc une alternative pour que le resultat soit celui escompte sous ces 3 browsers. Existe t'il une propriete similaire pour IE6? Si oui est il possible de switcher les feuilles CSS sur detection du browser ou autre solution?

merci d'avance
Kleen

**kleenex** · 21/02/2008, 19h52

Desole, j'ai poste trop rapidement...

http://www.developpez.net/forums/sho...ht=transparent

EDIT: apres avoir lu tout le poste "resolu" a ce sujet, les liens, avoir essaye ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#bHeadLeft{
	background:url(../images/signupLeftH.png) no-repeat;
	width:13px;
	height:28px;
	float: left;
}
 
* html #bHeadLeft {
	background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/signupLeftH.png", sizingMethod="scale");
}

qui est la dite solution sur l'autre poste, ca ne marche toujours pas. La version de IE sur laquelle ca ne marche pas est la 6.0.2.

Merci par avance

**Bisûnûrs** · 22/02/2008, 14h28

Quel est le code que tu as déjà ? Peut-on voir un exemple en ligne ?

**Candygirl** · 22/02/2008, 15h24

Envoyé par kleenex

url(../images/signupLeftH.png)
src="images/signupLeftH.png"

Tu n'as pas la même adresse pour l'image; c'est normal?

**Auteur** · 23/02/2008, 23h58

IE 6 ne gère pas la transparence des png. Il faut utiliser un filtre :
http://support.microsoft.com/kb/294714/fr

Pour être complet, il faut que tu ajoutes un test pour détecter la version IE utilisée (IE7 gère la transparence des png).

**kleenex** · 01/03/2008, 01h10

Bonjour tout le monde,

Tout d'abord merci pour vos reponses et desole de ne repondre que si tard. J'ai rencontre un certain nombre d'autres problemes plus grave qui m'ont oblige a mettre celui ci de cote un temps. Ah bug quand tu nous tiens....

donc voila un exemple tres tres simple qui illustre mon probleme:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Untitled Document</title>
 
		<style type="text/css" media="screen">
			#test{
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
			}
 
			#test2{
				background:transparent url(test.png);
			}
		</style>
 
 
 
	</head>
	<body>
 
		<div id="test">
			SIGNUP
		</div>
		<div id="test2">
			SIGNUP
		</div>
	</body>
</html>

2 div, une utilisant la propriete transparent de Firefox qui fonctionne sous firefox, l'autre utilisant cette fameuse propriete filter suppose fonctionner sous IE6... Mais ce n'est pas le cas! En gros comment faire en sorte que les PNG transparentes apparaissent sous ces 2 navigateurs en transparence?

Merci

**Candygirl** · 01/03/2008, 12h09

Envoyé par kleenex

2 div, une utilisant la propriete transparent de Firefox qui fonctionne sous firefox, l'autre utilisant cette fameuse propriete filter suppose fonctionner sous IE6... Mais ce n'est pas le cas!

En attribuant à ton div une propriété lui "donnant le layout" (une larguer, une hauteur, ... selon le contexte)

color transparent! marche pas sous IE6 => alternative?

CSS

Discussions similaires

Partager

Partager