10
votes

Comment garder l'image d'arrière-plan en bas à gauche alors même défilement

Je me demandais s'il y a un moyen de garder mes images de fond en bas à gauche tout le temps même si l'utilisateur faites défiler le navigateur. Mon CSS actuel peut rendre l'image en bas du navigateur lorsque le site chargé, mais si je fais défiler le navigateur, il restera toujours au même endroit. J'apprécie toute aide.

html, body 
{
background-image:url("backgroundBottom.png");
background-position:bottom left;
background-repeat:no-repeat;
background-attachement:fixed;   //I just add this, don't think this would work.
font-family:"Georgia, self";
font-size:"30px";
margin:0px;
height:100%;
text-align:center;
}


0 commentaires

3 Réponses :


3
votes

S'il s'agit d'une image fixe sans répétition, je vous recommanderais de la mettre dans sa propre balise divisé exactement la même largeur et la même hauteur que l'image. xxx

puis utilisez le CSS xxx

évidemment personnalisé à vos besoins

Le point principal est position: fixe

génère un élément absolument positionné, positionné par rapport à la fenêtre du navigateur. La position de l'élément est spécifiée avec la "gauche", "haut", "droite" et "bas"

http://www.w3schools.com/css/pr_class_position.asp


2 commentaires

ERM, s'il ajoute cela à l'élément HTML / Body, des choses très amusantes se produiront.


Il est plus facile de simplement utiliser pièce de fond de fond sur le corps plutôt que de jouer avec des éléments étrangement positionnés. Sans oublier que la position fixe a été signalée ne fonctionne pas correctement dans IE.



22
votes

Vous réglez l'arrière-plan sur les éléments HTML et Body.

Le code semble bon, pièce de fond-fixation: Correction est ce dont vous avez besoin.

donc dans le CSS sténographique, écrivez simplement < / p> xxx


1 commentaires

Fix très rapide et facile..matanks +1



1
votes

vous avez utilisé Fond d'arrière-plan * E * ment: fixe;

Essayez d'orthographier, c'est mieux comme de fond-fixation: fixe;


0 commentaires