Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Problem with images not overlaying properly 1

Status
Not open for further replies.

RexxSysProg

Programmer
Jul 2, 2004
205
0
0
US
I have tables and layers with images on my page, about half of them coming from a LIBRARY file. I added javascript to put some circling text on the page when it gets loaded. The text is displayed for about five seconds. I want the circle text to overlay the table/layer images where they overlap for those five seconds.
The problem is that the circle text is being displayed underneath the tables' and layers' images, i.e. the images are overlaying the circle text instead. Is there a parameter that I need to add to the javascript document.write or to the table/layer to have this work properly?
 
You need to make sure that your layers have the appropriate z-index values.

For instance:
If the underlaying images z-index are lower than the z-index for the circle text, it should appear above them. ie:

Code:
<div layer="top" style="z-index:3"></div>
<div layer="middle" style="z-index:2"></div>
<div layer="bottom" style="z-index:1"></div>


Hope that helps. :)
 
It helped indeed. With that z-index it now works properly.
Thanks!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top