今更ですが、CSSの勉強を始めました。
ドロップダウンメニューを使おうと思っていきなりつまづいてしまいました。
z-indexのところです。調べてみると皆さん苦労されているみたいでした。
Firefoxだとselectの上にドロップダウンのメニュー(z-index:100)がかぶるのですが、
IE6だとz-indexを無視してselectが上にきてしまうのです！！
selectにz-indexを指定しても無効になってしまうようですし…
ドロップダウンを出したときにjavascriptでselectをdisplay.noneにしてみました。
戻すときにちょっとレイアウトが崩れます…(;_;)
selectをvisibility:hiddenとvisibility:visibleで対応することにしました。
消えるのはちょっと変な感じですが、仕方ありません。
function select_hidden(){
var elems = document.getElementsByTagName("select");
for (i = 0; i < elems.length; i++) {
elems[i].style.visibility = "hidden";
}
}
function select_display(){
var elems = document.getElementsByTagName("select");
for (i = 0; i < elems.length; i++) {
elems[i].style.visibility = "visible";
}
}
CSSのドロップダウンを開くときにselect_hidden、閉じるときにselect_displayをよんでいます。
IE7だとこの不具合はなおっているそうです。