Étirez l’image de l’arrière-plan

Question

<pre><code></code><p>Il s’agit de mon script CSS</p><pre><code></code></pre><p><code></code><code></code>cellule</p></pre>

Answer 1

.style1 {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Travaille:

• Safari 3+
• Chrome Quelque Soit+
• IE 9+
• Opera 10+ (Opera 9.5 soutenu fond de taille, mais pas les mots clés)
• Firefox 3.6+ (Firefox 4 prise en charge non-fournisseur préfixé version)

En outre, vous pouvez essayer ce pour un ie solution

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;

De crédit de cet article de Chris Coyier http://css-tricks.com/perfect-full-page-background-image/

Answer 2

CSS3 : http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

Vous pouvez spécifier juste la largeur ou la hauteur avec :

Qui s’étirera il 100 % de la largeur et de 50 % de la hauteur.

---

Support du navigateur : http://caniuse.com/#feat=background-img-OPTS

Answer 3

Vous ne pouvez pas étirer une image d’arrière-plan (jusqu’en CSS 3).

Vous devrez utiliser le positionnement absolu, afin que vous puissiez mettre une balise d’image à l’intérieur de la cellule et s’étendent pour couvrir toute la cellule, puis placer le contenu sur le dessus de l’image.

Answer 4

Je pense que ce que vous cherchez est