人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Javascript&CSSの質問です。

こちら( http://bit.ly/fIz6ZV )のシステムに、こちら( http://bit.ly/gytATr )の「Tints」を実装したいのですが
左ペインのカテゴリのドロップダウンが、画像のように下に潜ってしまいます。
Z-indexの数字を大きくしたりと変えてみるのですが、メイン画像の上にドロップダウンメニューがきてくれません。
カテゴリ及び画像の位置は現状のままで希望の挙動になるよう、アドバイスをお願いします。


1291444971
●拡大する


●質問者: pocon
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS INDEX JavaScript アドバイス カテゴリ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kaz
●100ポイント ベストアンサー

現在のサンプルに Tints は実装されていないようなので検証ができず、

あくまで想像での対処法になってしまいますが、

Tints もしくはメインカラムに clearfix など、float 解除指定を行ってはどうでしょう。


また、IE 5.5/6/7 には

「static 以外の要素が入れ子になっている場合、子要素の z-index は無視される」

というバグがありますので、現象が発生しているのが IE系の場合、

大元の、親要素に z-index を指定してみてください。

◎質問者からの返答

ありがとうございます。

CSSを中心にみていましたが、JSの中でz-indexを指定していました。

z-index:9999→100にしたところ、希望通りの動きとなりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ