[CSS] Background-attachement et Scroll.
Bonjour la populace!
Une petite question concernant l'attribut background-attachement.
Voilà, j'ai une div incluant une barre de défilement verticale, et j'aimerais que mon image d'arrière plan suive le défilement de la division.
Mais même en spécifiant l'attribut background-attachement à "scroll", l'arrière plan est fixe lorsque j'utilise la barre de défilement de cette division.
Question : est il possible de lier l'arrière plan d'une div incluant une barre de défilement au défilement?
Si oui, comment faire cela?
Merci d'avance pour votre aide :)
Une petite question concernant l'attribut background-attachement.
Voilà, j'ai une div incluant une barre de défilement verticale, et j'aimerais que mon image d'arrière plan suive le défilement de la division.
Mais même en spécifiant l'attribut background-attachement à "scroll", l'arrière plan est fixe lorsque j'utilise la barre de défilement de cette division.
Question : est il possible de lier l'arrière plan d'une div incluant une barre de défilement au défilement?
Si oui, comment faire cela?
Merci d'avance pour votre aide :)
Configuration: Windows XP Firefox 2.0.0.14
8 réponses
-
Cc je vois que sa date environ de 1 an
Mais en passant je voulais informer ceux qui sont dans le même cas
que notre ami qui n'écrit pas correctement ce propriété Css .
Dans le cas de notre ami : background-attachement <---
Faux le css n'est pas du français mais bien de l'anglais !
Donc forcement attachement s'ecrit d'une manière a l'anglaise du genre :
attachment < Ce qui nous donnerais sa : background-attachment: fixed ;
e pas de E
Voila donc si quelqu'un et dans ce cas faudra faire attention ;)
A plus -
Je viens de me rendre compte que sous IE, le défilement fonctionne (background-attachement:scroll) mais sous FF ou Opéra, rien, nada!
Toujours pas d'idées? :p -
essayes position: fixed; ^^
-- RAPPEL : Html/Javascript -> Coté Client || Php -> Coté Serveur
-
Merci pour ta réponse Brachior, mais position:fixed; ne va t'il pas plutôt empêcher le défilement de mon background? ^^
Je cherche au contraire que mon arrière-plan défile avec le contenu de ma div. -
Je ne comprend pas trop ce que tu me dis de faire.
Background-position ne prend pas "fixed" ou "absolute" en paramètres.
Et position seul, serait pour positionner mon div, lui est bien positionné. -
Je cherche totalement l'inverse.
J'ai un div avec un défilement vertical, et j'aimerais que mon background suive le défilement. -
Bah euh un exemple un exemple :/
Y'a rien de bien compliqué à comprendre ^^
Fais une page d'exemple chez toi.
du genre :
<body>
<div class="test">
<p>
Plein de truc...
</p>
<p>
Plein de truc...
</p>
.....
</div>
</body>
Tu spécifie une height à la classe CSS test, tu mets overflow en auto, et en blindant ton div de paragraphe, tu auras une barre de défilement verticale dans ce div.
Si tu mets une image d'arrière plan au ton div, tu verra qu'il reste fixe, il ne suit pas le défilement.
Et moi j'aimerais qu'il suive le défilement :) -
https://developer.mozilla.org/fr/docs/CSS/background-attachment
ce que tu décris c'est background-attachment: local
mais c'est du CSS3 non pris en charge même par le dernier firefox.
Sinon, on peut faire ce que tu veux en mettant un div dans un autre:
<div style="overflow: auto;">
<div style="width: 100%; height: 100%; overflow: hidden; background-image: url(monimage.jpg); background-attachment: scroll;">
mon contenu
</div></div>
