28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde.

En faite je voudrais faire une miniature pour une image et pour cela j'utilise background-size: cover; qui rend très bien sur tout navigateur sauf IE (forcément). es-ce que une autre syntaxe existerais pour combler ça?
Je t'ai traduit la partie "commentaires" du code dont tu trouveras la source à la fin... Smiley smile

img.background {
	/* Défini le remplissage du background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Défini une échelle proportionnelle */
	width: 100%;
	height: auto;
	
	/* Défini le positionnement */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specifique à cette image particulière */
	img.background {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

exemple et source
Modifié par rodolpheb (14 Nov 2012 - 11:33)