[CSS] Background-attachement et Scroll.
The_Moye
-
Matt Crack -
Matt Crack -
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 :)
A voir également:
- Css scroll image
- Image iso - Guide
- Légender une image - Guide
- Touche scroll lock ✓ - Forum Excel
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
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
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
Spikytg
Messages postés
62
Statut
Membre
J'ai testé! tu as raison! le background ne bouge plus du tout et c'est géniale!! MERCI beaucoup !!
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
Toujours pas d'idées? :p
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 cherche au contraire que mon arrière-plan défile avec le contenu de ma div.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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é.
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.
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 :)
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>
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>