I was just curious if thats what the OP is looking for, like everyone else above. In my example, I suggested a 700px tall background-image of a 500px tall container, so there's 100px at the top and bottom to work with.Īpologies for not knowing the right words to convey the idea, now you know why I had such a hard time finding help via Google. where the background image of a div would scroll at a different speed than the rest of the page (but the overflow would be clipped off). I would like to know if that effect is achievable on block elements, ideally their backgrounds etc. When you start scrolling, it scrolls too - only a bit slower compared to the rest of the flow. Here, let me use another one : Twitter's cover images, at the top of everyone's profiles. It wasn't meant to be used as a literal example. Right click and select Inspect Element in your browser. Although they might look like backgrounds, in reality they are foreground images. Your example site (halfway down the page) is using 11 separate image layers, not including the text. If I hide the overflow, the positioning alone should be able to handle the rest, right? Would something like jQuery be needed to handle the "vertically position background according to vertical position in viewport" part? Most of my images are backgrounds of and tags (and occasionally when I'm feeling frisky). (The slower something scrolls proportionately to the rest of the page, the further away from our eyeballs it seems.) I haven't dug too deep into this one because it's a commercial product and I'd rather just pick up the skill if it's simple enough, but there's an example at the top of this page. Centered in the middle, and proportionate to those three anchors at every other vertical point in said viewport. When the container is at the bottom of the viewport, the image is bottom-justified. Imagine my container is 500px squared, but the background is 500px x 700px (so if centered, will bleed outside the container by 100px at the top, and 100px at the bottom). My bad, I thought what I was describing was more common.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |