Rechercher : dans
Par :

[CSS] Background-attachement et Scroll.

Dernière réponse le 3 nov 2009 à 06:48:30 The_Moye, le 6 jun 2008 à 17:22:21 
 Signaler ce message aux modérateurs

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 :)

Configuration: Windows XP
Firefox 2.0.0.14

Meilleures réponses pour « [CSS] Background attachement et Scroll. » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

Brachior, le 6 jun 2008 à 20:11:55

Essayes position: fixed; ^^

--
RAPPEL : Html/Javascript -> Coté Client   ||   Php -> Coté Serveur

Répondre à Brachior

2

The_Moye, le 6 jun 2008 à 20:16:59

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.

Répondre à The_Moye

3

Brachior, le 6 jun 2008 à 20:21:40

T'as essayé ? :) ^^
c'est soit fixed soit absolute Oo mais j'pense pas qu'absolute bouge Oo

--
RAPPEL : Html/Javascript -> Coté Client   ||   Php -> Coté Serveur

Répondre à Brachior

4

The_Moye, le 6 jun 2008 à 20:37:44

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é.

Répondre à The_Moye

5

Brachior, le 6 jun 2008 à 21:40:23

Oui lol dsl ^^
alors euh moi c'que j'ai fais ( pour un panier sur un site )
j'ai mis une image de fond dans mon div et ai mis ce div en overflow
c'qui fait que l'image ne bouge pas

je ne sais pas si c'est ce que tu cherches =/

--
RAPPEL : Html/Javascript -> Coté Client   ||   Php -> Coté Serveur

Répondre à Brachior

6

The_Moye, le 6 jun 2008 à 21:42:17

Je cherche totalement l'inverse.
J'ai un div avec un défilement vertical, et j'aimerais que mon background suive le défilement.

Répondre à The_Moye

7

Brachior, le 6 jun 2008 à 21:52:43

Lol il est tard et j'comprend rien xD lol ^^
aurais tu un exemple ? :)

--
RAPPEL : Html/Javascript -> Coté Client   ||   Php -> Coté Serveur

Répondre à Brachior

8

The_Moye, le 7 jun 2008 à 12:47:28

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 :)

Répondre à The_Moye

9

The_Moye, le 7 jun 2008 à 19:23:15

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

Répondre à The_Moye

10

 byiso, le 3 nov 2009 à 06:48:30

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

Répondre à byiso
Collection CommentÇaMarche.net