プロが教えるわが家の防犯対策術!

[ヘッド部]プルダウンメニューを設置
[コンテンツ部]scriptを利用して画像をスライド表示

IE6だと、画像スライド表示部の後ろにプルダウンメニューが表示されてしまいます。

IE8、Firefox、GoogleChromeなどは正常に表示
IE7は確認できておりません。

使用scriptはimageSlide.jsを現在利用しています。
http://park.geocities.jp/gdfsm000/javascript/jav

画像だけ表示してみましたが正常に表示されました。

z-index指定はプルダウンメニュー部で使用しています。
<ul>
<li><a>aaa</a></li>
<li><a>bbb</a>
<ul>←ここでz-index指定
<li><a>ccc</a></li>
<li><a>ddd</a></li>
</ul>
</li>
<li><a>eee</a></li>
</ul>
これがないと、他のブラウザでも隠れてしまうことは確認済み。

IE6はまだ無視できませんので、対応方法をお教えお願い致します。

A 回答 (2件)


IE6はまだ無視できませんので、対応方法をお教えお願い致します。

無視しても良いと思いますけど・・
日本のバージョン別ブラウザシェアグラフ (StatCounter Global Statsより) ( http://lhsp.s206.xrea.com/misc/browser-share-ver … )

 HTMLのソース上で後のほうに登場させれば良いです。

<div class="header">
 <div class="nav"><!-- ここではなく -->
 </div>
</div>
<div class="sectin">
 コンテンツ
</div>
<div class="footer"><!-- static -->
 <div class="nav"><!-- ここに移動 -->
 </div>
</div>

もしくは、
<div class="header">
 <div class="nav"><!-- ここではなく -->
 </div>
</div>
<div class="sectin">
 コンテンツ
</div>
<div class="nav"><!-- ここに移動 -->
</div>
<div class="footer"><!-- static -->
</div>
    • good
    • 0

プルダウン利用時に


スライド部を非表示にしちゃうとか
どうかしら?

この回答への補足

トップページで、flashは勉強不足で作成できず、
当面は画像のスライドを考えております。

flashの場合は、PARAMを変更すればと探しだせたのですが、
http://blog.yuu.noor.jp/?eid=1033814

毎月、画像を3枚位入れ替えようと思っていますので、
画像1枚という訳にもいかず困っております。

補足日時:2011/11/22 19:57
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!