Log in

View Full Version : Div Overlay



acctman
02-27-2008, 11:37 PM
I'm looking for a dynamic script that will over lay images or a section of a page. i'm assuming it would work something like this. There would be a main div container then a sub div overlay that would positioned at a preset coordinated within the main div to ovelay the image with text or an watermark image.

acctman
02-28-2008, 05:41 AM
i kind of found something that would work

http://www.tutorial5.com/content/view/129/52/

Medyman
02-28-2008, 02:00 PM
It's just a matter of absolute positioning.

Set the parent div's CSS position to relative, like so:


div#parent { position:relative; }

then you can position any element with that absolutely RELATIVE to the parent div, not the page.


div#overlay { position:absolute; top:20px; left:20px; }

<div id="overlay"> would have to be nested inside <div id="parent"> for this to work.