|
|
Author: * Lone Ranger Leonidas -
1 Post
on this thread out of
31 Posts
sitewide.
Date: Mar 13, 2005 - 14:35
|
|
|
Using CSS Positioning to Overlay Images |
This tutorial will show a quick way to overlay images on web page. It is important to note that this will most likely not work in some versions of various browsers. And any other postioning must be taken into account, ie. margins, padding, etc. |
Explanation: |
|
| Z-Index |
|
This is a quickie in response to a recent question. A more detailed explanation to follow.
|
| Basic Form |
<style type="text/css">
<!--
img.test1{
z-index: 0;
width: 408px;
height: 299px;
}
img.test2{
z-index: 1;
position: relative;
left: 204px;
bottom: 150px;
}
-->
</style>
<div>
<img src="icoYikes.gif" class="test2" />
<img src="grkFrieze01.gif" class="test1" />
</div>
|
|
|
Code: |
|
Please Leave Comments: |
 Phenom Leonidas |
 |
|
|
|
|
|
Z-Index And CSS Positioning...Basic
Web Coding
(- threads, 6 posts)
CSS: Tutorials
(5 posts)
