IE6(おそらくIE6以前)では、select要素にCSSのz-indexが定義されていません。z-indexというのはレイヤーの重なりの順番です。 そのため、select要素のある画面にdiv要素でレイヤーを被せようとすると、IE6ではレイヤーの上にselect要素だけ残って表示されてしまいます。 これを防ぐためには、レイヤーをiframe(インラインフレーム)にするか、レイヤーを表示するときにJavaScriptを使ってselect要素を visibility:hidden にする必要があります。 var elems = document.getElementsByTagName("select"); for (i = 0; i < elems.length; i++) { elems[i].style.visibility = "hidden"; } もしくは、 /* CSS */
![IE6ではselect要素にz-indexが定義されていない - F.Ko-Jiの「一秒後は未来」](https://cdn-ak-scissors.b.st-hatena.com/image/square/49bc6ff267b075ca4e583d1b7a0fc5db18dae524/height=288;version=1;width=512/http%3A%2F%2Fblog.fkoji.com%2Fwp-content%2Fuploads%2F2017%2F01%2Ffkoji-twitter-icon.png)