18008 sujets

Questions générales et questions de débutants

[Résolu] Box-shadow sur IE 9

Bonjour, j'ai un site avec un box-shadow sur mon body, IE 9 est censé supporté ce "box-shadow" or ici il n'apparait pas.

Voici mon css : 

body{
	width:1200px;
	height:850px;
	border:white;
	box-shadow: 0px 0px 10px #9F9F9B;
	-moz-box-shadow: 0px 0px 10px #9F9F9B;
	-webkit-box-shadow: 0px 0px 10px #9F9F9B;
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#9F9F9B')" ;
	border-collapse: separate;
	margin: 10px auto;
}
Mets ton ombre sur le premier enfant de ton body :


<body>
    <div id="wrapper>
    </div>
</body>


Et donc pour la css :


#wrapper {
	width:1200px;
	height:850px;
	border:white;
	box-shadow: 0px 0px 10px #9F9F9B;
	-moz-box-shadow: 0px 0px 10px #9F9F9B;
	-webkit-box-shadow: 0px 0px 10px #9F9F9B;
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#9F9F9B')" ;
	border-collapse: separate;
	margin: 10px auto;
}


Là ça marchera Smiley cligne
J'avais fini par trouver mais merci de la réponse, à priori on ne peut pas faire ça sur un body ^^

a+++
Administrateur
Elizeuh a écrit :
J'avais fini par trouver mais merci de la réponse, à priori on ne peut pas faire ça sur un body ^^

a+++

En fait ça fonctionne, mais il y a une petite astuce : il faut donner une couleur de fond à html.

Par exemple :

	html {background: tomato}
	body{
		width:400px;
		height:250px;
		background:#fff;
		box-shadow: 0px 0px 10px #9F9F9B;
		-moz-box-shadow: 0px 0px 10px #9F9F9B;
		-webkit-box-shadow: 0px 0px 10px #9F9F9B;
		-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#9F9F9B')" ;
		margin: 40px auto;
	}
Sujet clos
Aller à