Geek Answers Handbook

Is z-index the only way to make an element sit on top of another, if not some other methods?

I am working on a map application and there is a div in the corner that has something in it. You can click on this map to display some information in a small window. The window in some cases is covered by a div in the corner.

I need the opposite effect (window cover div). I thought this would be just a z-index problem, but I can't get it to work. This is with IE7 and from reading it looks a bit like the z-index will not work if it is not inside the element that is positioned.

The elements are apparently correctly positioned to make the z-index work correctly, but I haven't had much luck. I played with style addition through Firebug, but I was not lucky to change anything. In fact, a window is only two divs, one of which is positioned as one, and the other is one.

Is z-index the only one that might be the issue here, or is there something else I don't know about?

Are there any other methods to achieve the effect I want? I can’t just hide the div through jquery or something, because part of it should be visible because of the window that opens on the map.

+5
source share
6 answers

You get a stacking contextual error

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

div IE z- .

, , (, ) z-index , z-index div, .

: http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/

+8

- , . z-index , , .

, IE , / , , position:relative; position:absolute; z-index. - , position, CSS. , z-index , .

,

+1

, HTML . , , , HTML.

, . , div, 3 , div div.

HTML , .

+1

, position:relative position:absolute reset "stacking-context" IE.

0

, javascript div, , , .

, z-index.

0

More articles:


All Articles