[CSS] Taille du background

zzzer Messages postés 938 Statut Membre -  
 clartec -
Bonsoir,

J'ai une image de 1000*700 pixels que j'aimerais mettre en background de mon site.
Je cherche donc un moyen de faire en sorte qu'elle prenne 100% de l'espace affichable disponible.
Si quelqu'un sait comment faire...
Merci d'avance ;)

A voir également:

2 réponses

Réponse 1 / 2
Revan26914 Messages postés 1821 Statut Contributeur 320
 
Bonsoir, 

body{
width: 1000px;
height: 700px;
background-image: url("ton_image.jpg/png/gif");
background-repeat: no-repeat;
}




Cordialement

Revan
1
zzzer Messages postés 938 Statut Membre 181
 
Merci Revan, mais ces attributs réduisent ma page, du coup j'ai une bande blanche sur le côté... :/

0
Revan26914 Messages postés 1821 Statut Contributeur 320 > zzzer Messages postés 938 Statut Membre
 
Tu veux donc que l'image prenne la taille de ta page et non l'inverse?

Si c'est ça ton image sera déformée ou perdra de sa qualité

0
zzzer Messages postés 938 Statut Membre 181 > Revan26914 Messages postés 1821 Statut Contributeur
 
Oui, que le background prenne la taille de la page...

0
Revan26914 Messages postés 1821 Statut Contributeur 320 > zzzer Messages postés 938 Statut Membre
 
On ne peut malheureusement pas définir la taille d'un background, contrairement à une image insérée.

Une solution serait donc d'insérer ton image avec <img src="" ... /> et d'utiliser l'attribut CSS z-index pour placer l'image derrière les éléments de ta page. Tu peux ainsi fixer une taille de 100% à ton image. (positionne aussi ton fond à l'aide de position: absolute; ou d'un position: relative;)

Ce que tu peux aussi faire c'est utiliser background-attachment: fixed; et ton fond restera fixe.


0
Réponse 2 / 2
clartec
 
Bonjour, je n'y comprends rien pouvez vous me donner les démarches à faire.
0

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?
Alison1958 -
Thordendall -

1 réponse
W32 L32: correspondance entre taille US et taille française
efg -
sibel -

6 réponses
Curseur plus large que 32x32
Zv -
Zv -

2 réponses
Background color css
ernblp -
ernblp -

5 réponses
Commande internet correspondance taille US pour jean homme.
Larkos -
Zabou -

5 réponses