Comment arrêter l'image de fond de répéter pour l'espace vide?

Juste couru dans un problème avec la répétition de l'image de fond.

Dans le cas où le contenu est très court, plus court que la hauteur du moniteur, l'image de fond est encore répéter pour l'espace supplémentaire.

Veuillez vous référer à la capture d'écran.

Barre Orange est mon pied de page. Le fond gris de la zone est l'espace supplémentaire.

Puis-je faire arrêter l'image de fond de répéter pour la zone de fond?

Je veux dire, idéalement, l'image d'arrière-plan juste se répète tant que le contenu de mon.

Toute aide sera appréciée.

Comment arrêter l'image de fond de répéter pour l'espace vide?.

Pourriez-vous fournir le code? Il semble que vous pouvez simplement donner l'image d'arrière-plan pour le contenu lui-même.
Je suis d'accord. Je suis en supposant à partir de l'image l'image d'arrière-plan est donnée au corps plutôt que le contenu. Votre solution doit résoudre ce problème. Mais le code source serait utile.

OriginalL'auteur Aaroninau | 2012-09-26

  1. 6

    Plutôt que de coller le fond sur le corps, gifler un autre div dans là et de le mettre à l'arrière plan sur. Le contenu intérieur de pousser la div à la bonne hauteur et s'arrête à ce point (sauf indication contraire).

    par exemple:

    <!doctype html>
<html>
<body>
    <div id="background">
        Your inner content
    </div>    
</body>
</html>

    et de mettre votre répéter arrière plan sur #background dans votre css plutôt que votre corps.

    OriginalL'auteur danielsan

  2. 13

    Vous pouvez utiliser le dessous de la propriété.

    background-repeat:no-repeat;

    Pour plus d'informations, accédez par le biais de ce site

    Vous pouvez aussi donner repeat-y ou repeat-x pour rendre l'arrière-plan-répétition d'image verticalement ou horizontalement, respectivement.

    Si vous voulez donner les dimensions de votre image d'arrière-plan, alors vous pouvez utiliser

    background-size:100px 100px; /* width height */

    Je pense que c'est ce que tu veux dire.

    OriginalL'auteur Mr_Green

  3. 1

    Il serait bien si vous pouviez poster ici votre code.

    Essayer quelque chose comme cela:

    <div>     
 <div>
  <div style="float:left;"></div>
  <div style="float:left;"></div>
  <div style="clear:both"></div>
 </div>
 <div class="footer"></div>
</div>

    OriginalL'auteur Manoj De Mel

  4. -1

    background-size: cover;
    essayez ceci dans le style du secteur, il fonctionne bro.

    OriginalL'auteur M. Sabry