February 8, 2001 - Controlling Stackable Frame Sequence | WebReference

February 8, 2001 - Controlling Stackable Frame Sequence

Yehuda Shiran February 8, 2001
Controlling Stackable Frame Sequence
Tips: February 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

One of the advantages of the new IFRAME tag in Internet Explorer 5.5 and Netscape 6 is that you can control the z-index of each frame. This page shows three frames overlapping each other in a reverse order. The default order would have positioned the last frame at the top. By using the z-index, we can change this order and place the last frame at the bottom. Here is the code to implement these three frames:

<IFRAME NAME="Frame1" SRC="010131.html" style="position:absolute; top:20; left:50; z-index:3">
</IFRAME>
<IFRAME NAME="Frame2" SRC="010131.html" style="position:absolute; top:60; left:90; z-index:2">
</IFRAME>
<IFRAME NAME="Frame3" SRC="010131.html" style="position:absolute; top:100; left:130; z-index:1">
</IFRAME>