Compare Revisions

Stacking without z-index

Revision 46875:

Revision 46875 by deepakjoy on

Revision 46876:

Revision 46876 by deepakjoy on

Title:
Stacking without z-index
Stacking without z-index
Slug:
CSS/Understanding_z-index/Stacking_without_z-index
CSS/Understanding_z-index/Stacking_without_z-index
Tags:
css, Understanding_CSS_z-index
css, Understanding_CSS_z-index
Content:

Revision 46875
Revision 46876
n41    </p>n41    </p><!-- @-@-@-@-@-@@-@-@-@-@-@-@@- READ THIS  -->
42    <!-- SEE THIS BEFORE MODIFYING: I had to use absolute positio
 >ning for the rendering to be accurate. So you'll have to readjust
 > the 'top' values for DIVs with IDs 'absdiv1' and 'absdiv2'. Plea
 >se excuse the noobness, but thats what I am... -->
43    <!-- @-@-@@-@-@-@-@-@-@@-@-@-@  READ THIS-->
n43      <div id="absdiv1" style="opacity: 0.7; font: 12px Arial; pon45      <div id="absdiv1" style="opacity: 0.7; font: 12px Arial; po
>sition: absolute; width: 150px; height: 350px; top: 950px; left: >sition: absolute; width: 150px; height: 350px; top: 965px; left: 
>10px; border: 1px dashed rgb(153, 0, 0); background-color: rgb(25>10px; border: 1px dashed rgb(153, 0, 0); background-color: rgb(25
>5, 221, 221); text-align: center;">>5, 221, 221); text-align: center;">
t58      <div id="absdiv2" style="opacity: 0.7; font: 12px Arial; pot60      <div id="absdiv2" style="opacity: 0.7; font: 12px Arial; po
>sition: absolute; width: 150px; height: 350px; top: 950px; left: >sition: absolute; width: 150px; height: 350px; top: 965px; left: 
>340px; border: 1px dashed rgb(153, 0, 0); background-color: rgb(2>340px; border: 1px dashed rgb(153, 0, 0); background-color: rgb(2
>55, 221, 221); text-align: center;">>55, 221, 221); text-align: center;">

Back to History