[résolu] Une image remplaçant hr : ombre sous Explorer

Bonjour,

J'ai un bandeau décoratif de séparation de paragraphes. J'ai pensé que pour l'accessibilité ce serait intelligent de l'assimiler à un élément hr. L'inconvénient c'est que ça marche parfaitement sous Gecko mais pas sur Explorer : il m'est impossible d'arriver à enleer l'ombre qui entoure mon image, voici le code de mon hr :

#droite hr {
	background: #fff url(../IMG/d/hr.png) top left no-repeat;
	height: 20px;
	display: block;
	border: 0 solid #fff;
	margin: -7px 0 7px 0;
	padding: 0;
	}
 

Modifié par Samuel Berg (27 Oct 2005 - 09:57)

Bonjour Samuel Berg.

Et le code HTML auquel ce CSS s'applique ?

Est-tu certain que « l'ombre » en question n'est pas une mauvaise gestion des png dont souffre IE (canal alpha) ?

Si ton bandeau décoratif apparaît plusieurs fois dans une même page, il va falloir utiliser le sélecteur par class, le sélecteur par id étant à usage unique.

Anyway, voici comment moi je procède :

<div class="separateur"><hr /></div>

div.separateur hr {
	position: absolute;
	top: -999em;
	left: -999em;
}

div.separateur {
	background: url(img/separateur.png) left bottom repeat-x;
	width: 100%;
	height: 9px;
}

Bien joué !

C'est effectivement la réponse à ce problème.
Merci