2009-10-23 7 views
0

J'essaie de créer un blog. Je voudrais créer une conception qui glisse essentiellement plus de l'image lorsque vous faites glisser la poignée du navigateur vers la droite, et glisse dans un certain point lorsque vous faites glisser la poignée du navigateur vers la gauche. Comment faites-vous cela en css ??Design qui "glisse" sur le côté gauche du navigateur lorsque vous agrandissez le navigateur?

EDIT: Je pense que vous pouvez utiliser un flotteur: droite, largeur: 100%, overflow: hidden, combinaison ou quelque chose ..

Merci! Matt Mueller

+0

Peut-être que je ne vous comprends bien, mais je ne pense pas que cela peut être fait en CSS, ou du moins pas d'une manière qui est compatible avec la plupart des navigateurs. –

Répondre

1

D'accord. Je savais qu'il me manquait quelque chose. Peut-être que je n'expliquais pas la question assez bien ... de toute façon .. C'est ce que j'ai fait.

#header { 
background('header.png') top right repeat-x 
width: 100%; 
} 

Maintenant, tant que je fais que l'arrière-plan est reproductible, je serai en bonne forme.

0

Vous devez utiliser JavaScript. Voulez-vous dire le navigateur gérer comme dans la barre de défilement?

Cela pourrait également être une mauvaise idée compte tenu de la quantité de net est accessible aujourd'hui sur les systèmes de poche. En outre, les performances peuvent souffrir si une grande image est déplacée par redimensionnement.

+0

Je veux juste redimensionner la fenêtre du navigateur quand je dis glisser les poignées. – Matt

+0

Si vous utilisez un arrière-plan, vous pouvez définir sa position. Lorsque vous redimensionnez le navigateur, il apparaît glisser avec le mouvement (par exemple en positionnant votre centre de navigateur ou à droite). – Fenton

0

Vous devez câbler un événement onresize pour l'objet fenêtre en utilisant javascript.

window.onresize

Un gestionnaire d'événement pour l'événement de redimensionnement sur la fenêtre.

Questions connexes