図で言うと、切れているオレンジの部分にマウスを持ってくると下にサブメニューが表示され、マウスを会社概要や企業理念に持ってこようとすると消えます。
原因はどこにあるのでしょうか?ちなみに、サブメニューの部分にはJQueryで作成したスライドショーがあります。
ソースもお送りできますが、量も量なのでどこら辺が怪しいかをご教授ください。
よろしくお願いいたします。
IEのみの問題であれば私も以前ハマったことがあります。確かその時は背景に色が付いてなかったことが原因でした。
jQueryを扱えるのであれば同様の動作をするプラグインを使うのが手っ取り早いと思いますが。。
コメント(8件)
・プルダウンの実装方法は、CSSですか、Javascriptですか?
・Javascriptの場合、利用したモジュールやプラグインは何ですか?
プルダウンはCSSで、wordpressで表示するメニューを自由に設定できるようになっています。以前は問題なかったので、先日ご回答いただいたJQueryのスライドショーの下に潜り込んでしまう問題を解決しようとしたどこかの課程でおかしくなったことが推測されます。
お手数ですが、よろしくお願いいたします。
#header #global_nav li li > a:hover{
...
}
というスタイル設定はありますか?
もしあるなら、どのような指定になっていますか?
position: absolute;
z-index: 2;
というプロパティがありますか?
visibility: visible;
}
#header #global_nav li li:hover {
background: rgba(222, 245, 255, 0.9);
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
/* internet explorer 8 */
background: #fff900;
filter: alpha(opacity=99);
/* internet explorer 5~7 */
}
hoverがある記述は上記二カ所になります。
よろしくお願いいたします。
これは、前回の質問の変更をしたら上手くいかなくなりましたか?
それとも、それ以前からダメでしたか?
速いスピードでサブメニューにポインタを持ってくるとたまに消えないなんですがね。。
それはひょっとするとメインメニューとサブメニューの間に隙間があるのかもしれませんね。
#header #global_nav li ul
に、marginがついていたりしませんか?