mozilla

Compare Revisions

Stacking without z-index

Change Revisions

Revision 46876:

Revision 46876 by deepakjoy on

Revision 46877:

Revision 46877 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 46876
Revision 46877
n32          <strike>Standard blocks (DIV #5) in the normal flow, win32          <strike>Standard blocks (DIV #5) in the normal flow, wi
>thout any positioning property, are always rendered before positi>thout any positioning property, are always rendered before positi
>oned elements, and appear below them, even if they come later in >oned elements, and appear below them, even if they come later in 
>the HTML hierarchy.</strike> <strong>As you can see, that this po>the HTML hierarchy.</strike> <strong>As you can see, that this po
>int is not valid anymore!</strong>>int is not valid anymore (for FF 3.6 at least)!</strong>
n40      ^^Note: The image is incorrect, see below for actual rendern40      ^^Note: The image above is incorrect, see below for actual 
>ing.>rendering.
41    </p><!-- @-@-@-@-@-@@-@-@-@-@-@-@@- READ THIS  -->
42    <!-- SEE THIS BEFORE MODIFYING: I had to use absolute positio41    </p><!-- @-@-@-@-@-@@-@-@-@-@-@-@@- READ THIS  --><!-- SEE TH
>ning for the rendering to be accurate. So you'll have to readjust>IS BEFORE MODIFYING: I had to use absolute positioning for the re
> the 'top' values for DIVs with IDs 'absdiv1' and 'absdiv2'. Plea>ndering to be accurate. So you'll have to readjust the 'top' valu
>se excuse the noobness, but thats what I am... -->>es for DIVs with IDs 'absdiv1' and 'absdiv2'. Please excuse the n
 >oobness, but thats what I am... --><!-- @-@-@@-@-@-@-@-@-@@-@-@-@
 >  READ THIS-->
43    <!-- @-@-@@-@-@-@-@-@-@@-@-@-@  READ THIS-->
t72      ^^ What you see above is the true behavior (it is not an imt70      ^^ What you see just above is the true Firefox behavior (Th
>age.)>is is actually coded, not an image.)

Back to History