mozilla

Compare Revisions

Stacking without z-index

Change Revisions

Revision 46874:

Revision 46874 by deepakjoy on

Revision 46875:

Revision 46875 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 46874
Revision 46875
n37      <img alt="Example of stacking rules without using z-index pn37      <img alt="Example of stacking rules without using z-index p
>roperty" class=" internal" src="/@api/deki/files/910/=Understandi>roperty" class=" internal" src="/@api/deki/files/910/=Understandi
>ng_zindex_01.png">&lt;&lt;-- Note this image is incorrect, see be>ng_zindex_01.png">
>low for actual rendering. 
38    </p>
39    <p>
40      ^^Note: The image is incorrect, see below for actual render
 >ing.
n40      <div id="absdiv1" style="opacity: 0.7; font: 12px Arial; pon43      <div id="absdiv1" style="opacity: 0.7; font: 12px Arial; po
>sition: absolute; width: 150px; height: 350px; top: 910px; left: >sition: absolute; width: 150px; height: 350px; top: 950px; 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;">
t55      <div id="absdiv2" style="opacity: 0.7; font: 12px Arial; pot58      <div id="absdiv2" style="opacity: 0.7; font: 12px Arial; po
>sition: absolute; width: 150px; height: 350px; top: 910px; left: >sition: absolute; width: 150px; height: 350px; top: 950px; 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