Hi,
I am working on a layout which involves element overlapping and i'm
concerned that I am not setting the stack order correctly.
The reason I need to set stack order is that I have overlapping interface
elements which must display above of the other content.
example:
/* CSS */
#step_two_heading_wrapper {
position: relative;
height: 20px;
}
#step_two_heading {
background: transparent url(../images/step_two_heading.png) no-repeat
top left;
* background: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='../images/step_two_heading.png',sizingMethod='scale');
width: 443px;
height: 29px;
margin-left: 1px;
margin-top: -8px;
text-align: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
<!-- HTML -->
<div id="step_two_heading_wrapper">
<div id="step_two_heading">
<h3>Step two Heading </h3>
</div>
</div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
