Déplacer un arrière-plan fixe Fermé

Question

Bien le bonjour à toute la communauté !

Voilà, j'ai un petit problème. J'ai mis, sur mon site web, un arrière-plan fixe. Donc ça je sais faire. Le code que j'ai utilisé en HTML :

<body style="background-image:logo.png;background-repeat:no-repeat;background-attachment:fixed;">

Mais il se cale automatiquement en haut à gauche et j'aimerais que celui-ci soit parfaitement centré, et ce quelle que soit la taille de la fenêtre du navigateur. 

J'ai bien essayé de rajouter "background-position:center center", mais il ne veut absolument rien savoir !

Petite info supplémentaire : le site où il y a tout le principal (le texte, les photos...) fait 1000 pixels de large. Le fond que je compte mettre en fait 2000 de large (ne criez pas au scandale, je débute ^^) et j'aimerais donc qu'il soit bien centré pour qu'il dépasse de chaque côté, ce serait bien classe dans ma configuration. 

Comment puis-je faire ? Merci d'avance à tous !

Pitet · Answer

Salut,

Pour un arrière plan adapté à la taille du navigateur, rajoute la propriété css suivante (en plus de celle que tu as déjà définies : no-repeat, fixed et center) :

background-size: cover

Bonne journée

Utilisateur anonyme · Answer

Bonjour,

body{
    background: url(image1.jpg) top center no-repeat fixed;
   } 
 
¨'°ºO×º°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·

Sonick 21 · Answer

Merci à vous deux pour votre aide, mais ça ne marche toujours pas. Impossible de déplacer ce foutu background qui reste éternellement fixe. J'ai l'impression que les actions que l'on peut mener sur les arrières-plans sont encore très limités malgré le HTML 5... 

C'est quand même dingue que, sous prétexte que c'est un background, on ne puisse pas faire ce qu'on veut ! Le background ignore carrément les instructions de position !

Déplacer un arrière-plan fixe

3 réponses

Discussions similaires