1. Accueil
  2. Question et réponse
  3. Image de fond flottante

Image de fond flottante

2012-11-15 7 views
1

Sur mon site, il y a un formulaire de saisie et une image de piste. Si vous redimensionnez la fenêtre de votre navigateur, la piste se bloquera dans le formulaire. Bien que la piste ne soit pas une image indépendante, est-il possible de faire flotter une image de fond?
css:Image de fond flottante

#header{ 
    height:212px; 
    width:100%; 
    margin:0 auto; 
    border-bottom:2px solid #66675e; 
    background:url(img/truck.gif) no-repeat 150px 55px; 
}

Source

2012-11-15 Tahtakafa

Répondre

-1

Afin d'éviter les collisions entre votre camion background-image et vos éléments contenus dans le même div ayant l'image d'arrière-plan, je sugest d'avoir une largeur minimale pour votre div.

Une autre solution serait de faire vos divs flottables et ajoutez une largeur minimale (extraire le style en CSS, remplacez a et b avec votre taille et effectuer les calculs):

<div id="header" style="min-width: (a+b)px;"> 
    <div style="float: left; width: (a)px;"><img src="truck"/></div> 
    <div style="width: (b)px; margin: auto;"><form..../></div> 
</div>

Cela devrait vous donner un début

Source

2012-11-15 23:53:32 ro0ter

+0

Cela ne fera rien sans Javascript ... et de plus, vous ne devriez pas utiliser les styles en ligne si vous pouvez l'éviter. – cereallarceny

+0

Cela ne m'a pas donné un début. Je suis désolé, peut-être que je suis un css yahoo. – Tahtakafa

+0

** cereallarceny ** >> c'est seulement un exemple. – ro0ter

Questions connexes

 Questions connexes