select要素とinput要素を重ねる

某商品のマイナーチェンジ版の発売に備えて、会社の某ページを修正。

ただ、アクセシビリティを気にするあまり、従来のようなページを作ることができないのが辛い。とうぜんの如く責任部署からは不満の声が…

今日も検索順位の変動を調査。

「Google/Yahoo!/MSN同時検索」を使うことで手間が随分と減ったことは間違いないが、もっと楽できないかという欲が出てくるもので、さっそく「Google/Yahoo!/MSN同時検索」の改良に着手。

新規の検索はtextタイプのinput要素に入力して検索、過去に検索したことがあるものはselect要素から選択するようにする。ただし、いかにもselect要素が別に用意されているというレイアウトにはしたくない。ということでselect要素とinput要素を重ねることにしたが…

「z-index」で指定しても上手くいかない!!

select要素がどうしても前面に表示されてしまうのである。理由がさっぱり分からん。

こういう時はネット検索…

あらま…

IE6のバグ!

F.Ko-Jiの「一秒後は未来」
IE6ではselect要素にz-indexが定義されていない

Internet Explorer (Windows) CSSバグリスト
select要素ではz-indexやborderなどのプロパティを無視する

これ以上ジタバタしても仕方が無いため、違う方法を使うことにした。

まだ制作途中。



関連エントリー