Pour appliquer ce snippet, il faut changer les tailles HEIGHT_OF_IMAGE pour une valeur en px qui correspond à la hauteur de l'image, et également modifier l'URL de l'image.
1 #ID_OF_ELEMENT {
2 padding: HEIGHT_OF_IMAGEpx 0 0 0;
3 overflow: hidden;
4 background-image: url("hello_world.gif");
5 background-repeat: no-repeat;
6
7 height: 0px !important;
8 height /**/:HEIGHT_OF_IMAGEpx;
9 }
Usage: Si utilisé avec le mode "scale", il faut que l'élément qui le contient ait un height:100% pour que le height soit "computed", parce que le mode scale se fie au computed height (celui donné explicitement par le CSS).--- crop Clips the image to fit the dimensions of the object. image Default. Enlarges or reduces the border of the object to fit the dimensions of the image. scale Stretches or shrinks the image to fill the borders of the object.***
1 <!--[if lt IE 7]>
2 <style>#logo{
3 background:none;
4 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fond.png", sizingMethod="scale");
5 }</style>
6 <![endif]-->
Pages : 1