2010-10-27 4 views
1

J'aimerais pouvoir définir un arrière-plan sur notre page d'accueil qui peut se dilater et se contracter avec la taille de la fenêtre tout en conservant le format d'image original .... Je suppose que cela nécessitera du Javascript intelligent ou similaire.Expansion de l'arrière-plan tout en conservant le format d'origine

L'effet a été implémenté ici, la fenêtre dépassant environ 1500 pixels de largeur, l'arrière-plan s'élargira dynamiquement.

http://www.pixelcrayons.com/

Répondre

1

D'abord les mauvaises nouvelles: CSS n'a pas (actuellement) permet une image de fond d'être étiré ou mis à l'échelle, de sorte qu'il ne soit pas aussi facile que cela devrait être.

Cependant, il existe plusieurs façons de contourner ce problème. La meilleure solution (IMHO) est d'avoir un <img> tag normal à 100%, positionné absolute (ou même static selon l'effet que vous voulez) et couches derrière tout le reste en utilisant z-index.

La meilleure chose à propos de cette option est qu'il n'y a pas de Javascript impliqué.

Mais si vous voulez en savoir plus sur les autres solutions (qui ne nécessitent Javascript), essayez ce lien: http://css-tricks.com/how-to-resizeable-background-image/ (mais notez que sa solution préférée à la fin est la même que la mienne)

Espoir qui aide.

+0

Merci beaucoup, j'ai pensé à cela mais je ne savais pas comment gérer le positionnement. –

1

Il y a un très grand plugin jQuery disponible: SuperSized

Non seulement il ne se redimensionnent de fond, mais a beaucoup d'autres options. J'espère que cela aide!

Questions connexes