Monday, August 19, 2013

CSS position overlapping

<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<img src="pen.JPG" width="100" height="107" />
<p>Because the image has a z-index of -1, it will be placed behind the text.</p>
</body>
</html>

Result


No comments: