Flux d'Image de div
Je suis en train de réaliser une image qui coule d'un div. En gros, dans ma tête j'ai un fixe la largeur de 960px, à l'image du logo a quelque chose venant d'elle, que je tiens à s'asseoir à l'extérieur que 960px.
Est-il bien propre méthode de réalisation de cette?
Avez-vous un exemple de ce que vous avez à ce jour?
OriginalL'auteur user319940 | 2011-12-01
Vous devez vous connecter pour publier un commentaire.
La méthode simple de le faire (qui fonctionne dans la plupart des navigateurs), c'est que vous faites de votre principal wrapper ont
position:relative
, et de le faire de la div (que vous souhaitez transmettre à l'extérieur) ontposition: absolute; left: -25px; top: -25px;
.Avoir
position:relative
que l'emballage fait laposition:absolute
par rapport à l'intérieur du conteneur parent.OriginalL'auteur Jan Dragsbaek
Vous pouvez également le positionnement absolu à atteindre cet objectif. Rapide exemple ci-dessous:
http://jsfiddle.net/spacebeers/9QJ4w/1/
OriginalL'auteur SpaceBeers
Vous pouvez utiliser le
position
propriété de CSS pour ce faire:HTML:
CSS:
http://jsfiddle.net/FpTDc/
OriginalL'auteur Kyle
mettre votre logo en fixe div et lui donner un div style
overflow:hidden
OriginalL'auteur Sonal Khunt
Votre ami sera overflow:visible.
Votre div contenant aurez la 960px de largeur avec overflow:visible. À l'intérieur, il vous sera relativement ou absolument positionné image (vous en aurez besoin pour compenser "gauche" de centre à centre)
OriginalL'auteur Vigrond
code: http://jsfiddle.net/cSQrR/
OriginalL'auteur Samich