/    Sign up×
Community /Pin to ProfileBookmark

IE/Z-index Problems

Copy linkTweet thisAlerts:
Dec 09.2005

I’m having a problem regarding IE and the z-index property. I have a drop down menu and a javascript applet positioned absolutely on a page. The z-index of the drop down menu is set higher than that of the div containing the applet. Yet, in IE, the drop down menu still displays behind the applet.

I’ve searched and searched the web, but it appears that this is indeed a bug, and there is no known workaround. Please tell me otherwise. ?

Rez

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangDec 09.2005 — The select element is a special window in IE. The only way to solve the problem is to place the select in an iframe or hide it on menu mouseover.
Copy linkTweet thisAlerts:
@RezonauthorDec 09.2005 — Here's the link that describes the bug. We're thinking of creating new id's for each dropdown menu and absolutely positioning each one below their specific menu items. : Ugly, but it might work.

http://verens.com/archives/2005/07/15/ie-z-index-bug/
Copy linkTweet thisAlerts:
@RezonauthorDec 09.2005 — This is talking about v5, is this the way v6 handles it also? I can't put my drop down into an iFrame and keep the design.
Copy linkTweet thisAlerts:
@FangDec 09.2005 — Yes. afaik iframes and hiding are the only solutions.
Copy linkTweet thisAlerts:
@RezonauthorDec 09.2005 — Alright, these just aren't feasible options. That's alright though. Thanks for the help Fang.
×

Success!

Help @Rezon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...