Javascript＆CSSの質問です。
こちら( http://bit.ly/fIz6ZV )のシステムに、こちら( http://bit.ly/gytATr )の「Tints」を実装したいのですが
左ペインのカテゴリのドロップダウンが、画像のように下に潜ってしまいます。
Z-indexの数字を大きくしたりと変えてみるのですが、メイン画像の上にドロップダウンメニューがきてくれません。
カテゴリ及び画像の位置は現状のままで希望の挙動になるよう、アドバイスをお願いします。
No.1
200
42
100pt
現在のサンプルに Tints は実装されていないようなので検証ができず、
あくまで想像での対処法になってしまいますが、
Tints もしくはメインカラムに clearfix など、float 解除指定を行ってはどうでしょう。
また、IE 5.5/6/7 には
「static 以外の要素が入れ子になっている場合、子要素の z-index は無視される」
というバグがありますので、現象が発生しているのが IE系の場合、
大元の、親要素に z-index を指定してみてください。
36
32
1
1
ありがとうございます。
CSSを中心にみていましたが、JSの中でz-indexを指定していました。
z-index:9999→100にしたところ、希望通りの動きとなりました。