Logo

Layering with CSS absolute positioning

Posted under » CSS on 13 March 2009

You can overlap text over another text or images, even flash with this technique.

try this CSS

#layer1 {
	position:absolute;
	left:153px;
	top:213px;
	width:416px;
	height:43px;
	z-index:1;
}

Then put your text on the body of the HTML like so.



Look i'm floating

You will see the text "Look i'm floating" provided the text is contrasting with the background eg. white text over black background.