Forum Moderators: not2easy

Message Too Old, No Replies

Layers over objects using z-index not working in IE

         

ntbgl

2:11 pm on Jul 8, 2008 (gmt 0)

10+ Year Member



I'm having a problem placing layers over object tags using z-index.

This seems only to be an IE problem.

I've found workarounds if the object is a flash object, but mine is just an embeded web page; those workarounds don't seem to work.

My object tag looks like this:

<object type="text/html" data="http://www.site.com/" border="none"></object>

Any ideas?

An added side note is placing an object ontop another object seems to work, but one thing I'm trying to do is to place a black semi-transparent div over the whole screen. I don't think I would be able to get something semi-transparent if it was an object, would I?

Seb7

8:25 am on Jul 10, 2008 (gmt 0)

10+ Year Member



z-index in IE is a little buggy as it can completely ignore the property (Ive never quite worked out exactly what the problem with z-index is), though I've always managed to work around this problem.

I have previously managed to get a transparent box over the screen working in both IE and firefox.

Taken from one of my websites that this is done on:

<table cellpadding=12 background="img/black.jpg" style="opacity:0.3; filter: alpha (opacity=30); "><tr><td>

faded area...

</td></tr></table>