[CSS] Taille du background
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 ;)
--
N'oubliez pas de marquer la discussion comme résolue dès que c'est le cas ! -> En haut de la page, Statut: Résolu
Attention aussi à bien respecter la 6e règle de la charte :
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 ;)
--
N'oubliez pas de marquer la discussion comme résolue dès que c'est le cas ! -> En haut de la page, Statut: Résolu
Attention aussi à bien respecter la 6e règle de la charte :
Rédiger les messages dans un langage clair sans abréviation, style télégraphique ou mode SMS
Configuration: Windows Vista Firefox 3.0.6
2 réponses
-
ContributeurBonsoir,
body{ width: 1000px; height: 700px; background-image: url("ton_image.jpg/png/gif"); background-repeat: no-repeat; }
Cordialement
Revan
-
-
Contributeur@zzzerTu 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é
-
-
Contributeur@zzzerOn 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.
-
-
Bonjour, je n'y comprends rien pouvez vous me donner les démarches à faire.
