28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je m'en suis sorti avec ma question précédente, maintenant subsite un problème : dans ma mise en page j'utilise des fichiers PNG en background dans mon CSS.
Avant, j'utilisais un javascript qui permettait à IE de gérer la transparence des PNG, cette commande était obtenue grace à :
behavior : url(fichier.htc);

Malheureusement ces fichiers PNG sont appelés dans ma page de cette manière desormais :
#container {
	position:absolute;
	left:50%;
	width:656px;
	margin-left:-328px;
	margin-top:20px;
	background:transparent url("../images/o_haut.png") top left no-repeat;
}

Existe t-il un moyen d' "imposer" ce comportement même dans le cas d'un background ?
Rebonjour,

J'ai bien trouvé des solutions, dont celle ci :
#footer {
	width: 600px;
	height: 160px;
	padding: 0 28px 20px 28px;
	background: transparent url("../images/o_bas.png") bottom center no-repeat;
}

*html #footer {
	background-image:none;
	background-position: top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/o_bas.png', sizingMethod='scale')
}

qui permet à IE de passer par des filtres, le problème est qu'aucune des valeurs possibles pour sizingMethod (à savoir "crop", "scale" ou "image") ne me donne le bon resultat, dans tous les cas mon image se déforme, ou alors mon container prend une autre taille...
Voici la page en question : http://www.artizanal.com/piansmusic/
Des idées pour faire en sorte que mes PNG en background soient gérées par IE ?