Filtre sur image compatible I.E

**sacados1** · 12/03/2007, 23h46

Bonsoir j'ai petit problème !!!

J'ai un petit soucis mon code CSS ne passe pas sur I.E quelqu'un aurait-il une idée d'ou cela vient ?

J'essaye de faire le même effet que wanadoo.fr

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
 
<html>
<head>
	<title></title>
</head>
<body>
<style>
#galerie{
	position:relative;
	width:300px;
	height:200px;
	}
#galerie_text{
	top:160px;
	position:absolute;
	width:250px;
	height:40px;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity: 0.50;
	background-color:#FFFFFF;
	}
</style>
<div id="galerie">
     <img src="fille.jpg" width="300px" height="200px">
     <div id="galerie_text">Galerie</div>
</div>
</body>
</html>

Merci d'avance...

**efficks** · 13/03/2007, 02h59

Ne passe pas????

**sacados1** · 13/03/2007, 11h22

Ne s'affiche pas de la même manière que sur Firefox en fait !

**trotters213** · 13/03/2007, 13h57

Alors pour commencer, tu dois mettre un doctype à ta page.
Ensuite la balise style c'est dans le head et non dans le body et il faut que tu spécifies qu'elle contient du CSS.
Essaie de rajouter filter:alpha(opacity=50); et -khtml-opacity: 0.5; dans ton CSS dans #galerie_text. (KHTML c'est pour les autres navigateurs comme Safari par exemple).
Si ton problème c'est un problème de positionnement essaie en ajoutant en tout début de ton CSS

Code :

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

1
2
3
4
* {
margin:0;
padding:0;
}

Filtre sur image compatible I.E

CSS

Vue hybride

Discussions similaires

Partager

Partager