ハヤオキ和田の仕事日誌！　ハヤオキビズ: 2009年07月アーカイブ

2009年07月20日

仕様なので

カテゴリーもアイテムもたくさんあるので、
2階層のドロップダウンメニュー使うことに。

CSSとJavaScriptの組み合わせで割とにすんなりと出来ました。
FF、ie７できちんと作動。

次に問題のie6をチェックすると
CSSで指定しているサブカテゴリーへの矢印が表示されません。

それより何より、フォームのselectが前面に出て来て、
メニューにぽっかり穴が！

ie6では、selectはz-indexを無視して
最前面に表示される仕様。

これを防ぐには、iframeをselectと表示させたいレイヤーの間に持って来るか、
visibility:hidden;で非表示にすれば良いのですが、
JavaScriptを使ってレイヤーを表示しているので、うまく連動させることできていません。

さて、どうしたものか・・・