Setting the Z-Order
The z-index property sets the relative front-to-back order of an element.
The value for the z-index value is a number. A negative value are allowed. The default value for the z-index property is zero.
This property is only useful during overlapping.
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style>
img {
border: medium double black;;
background-color: lightgreay;
position: fixed;
}
#id1 {
z-index: 1;
top: 15px;
left:150px;
}
#id2 {
z-index: 2;
top: 25px;
left:120px;
}
</style>
</head>
<body>
<p>
HyperText Markup Language (HTML) is the main markup language for
displaying web pages and other information that can be displayed
in a web browser(From From Wikipedia, the free encyclopedia).
</p>
<p id="id1">
HyperText Markup Language (HTML) is the main markup language for
displaying web pages and other information that can be displayed
in a web browser(From From Wikipedia, the free encyclopedia).
</p>
<p id="id2">
HyperText Markup Language (HTML) is the main markup language for
displaying web pages and other information that can be displayed
in a web browser(From From Wikipedia, the free encyclopedia).
</p>
</body>
</html>