Comment éviter un backgroung de se répéter - mais pour étendre et occuper tout le bkgrd?

Je voudrais utiliser une image comme arrière-plan. Malheureusement, lorsque je mets la propriété Background-image à url (myUrl), j'obtiens l'image qui se répète en arrière-plan dans plusieurs lignes et colonnes. Je suppose que c'est parce que l'image est naturellement petite. Donc, comment faire en sorte que l'image soit suffisamment dépensée pour qu'elle ne se répète pas, mais occupe tout le fond?Comment éviter un backgroung de se répéter - mais pour étendre et occuper tout le bkgrd?

Merci de votre aide.

Source

2010-02-09 Richard77

vous pouvez utiliser deux méthodes; javascript ou css

JQuery a une solution appelée «saturé»; http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/

ou CSS:

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;} 
body {font-family:verdana, arial, sans-serif; font-size:76%;} 
#background{position:absolute; z-index:1; width:100%; height:100%;}

ET HTML

<body> 
<div> 
<img id="background" src="image.jpg" alt="" title="" /> 
</div>

Source

2010-02-09 10:44:02 Tim

Vous pouvez utiliser la propriété background-size en CSS3 pour étirer une image d'arrière-plan. Mais CSS3 n'est pas largement supporté.

Si vous ne souhaitez pas répéter l'image d'arrière-plan, vous pouvez utiliser background-repeat: no-repeat.

Source

2010-02-09 10:39:14 rahul

Vous voulez sans doute ceci:

http://css-tricks.com/how-to-resizeable-background-image/

ressemble à la façon la plus simple.

P.S .: Vous ne pouvez pas le faire avec une pure image de fond. Vous devez le faire avec une couche différente.

Source

2010-02-09 10:40:30

Comment éviter un backgroung de se répéter - mais pour étendre et occuper tout le bkgrd?

Répondre

Questions connexes