[CSS]Select & Z-index at IE6 issue

Cascading Style Sheets

[CSS]Select & Z-index at IE6 issue

Postby mihu » Wed Jan 14, 2009 10:01 am

Issue
Explorer z-index bug
- explain the issue I am dealing with (z-index w/ form element select at IE6)
http://www.quirksmode.org/bugreports/ar ... x_bug.html

Solution
IE6, SELECT and Z-index Problem Resolution
http://20.targetprocess.com/2006/07/ie6 ... oblem.html

Method I: Javascript
Code: Select all
function showOrHideAllDropDowns(newState) {
    var elements = document.documentElement.getElementsByTagName('select');

    for (var i=0; i<elements.length; i++) {
        elements[i].style.visibility = newState;
    }
}


newState will be "visible" or "hidden".

While trying to figure out the solution, I found this interesting article, CSS Properties: Display vs. Visibility.
... when visibility is set to hidden, the element being hidden still occupies its same place in the layout of the page.

http://www.devx.com/tips/Tip/13638

Method II: Pure CSS
* http://support.microsoft.com/kb/177378/zh-tw
* If you are JQuery user, you might find a JQuery library to fix the issue. [ BGIFRAME ]

I haven't test it yet, but it mentioned at above link.
User avatar
mihu
 
Posts: 183
Joined: Thu Jan 10, 2008 10:44 am

Return to CSS

Who is online

Users browsing this forum: No registered users and 1 guest

cron