私の問題は、「Productos」という名前の 3 番目のナビゲーションに 3 つのサブメニューがあることですが、それらが表示されていません。
jQuery プラグイン kwicks でエラーが発生した可能性があります... オーバーフロー:非表示;
初心者なのでよろしくお願いします(^^)
編集: kwicks を削除すると、サブメニューが表示されますが、kwicks が必要です。それをバイパスする方法はありますか??
私の問題は、「Productos」という名前の 3 番目のナビゲーションに 3 つのサブメニューがあることですが、それらが表示されていません。
jQuery プラグイン kwicks でエラーが発生した可能性があります... オーバーフロー:非表示;
初心者なのでよろしくお願いします(^^)
編集: kwicks を削除すると、サブメニューが表示されますが、kwicks が必要です。それをバイパスする方法はありますか??
Chrome を使用すると、「Maquinaria」のようなテキストを含む最初のメニューの半分が表示されます。メニューはコンテナ内に表示されると思います。
より高い z-index を設定しようとしましたか?
また、Developer ツールで確認したところ、オーバーフローが正しく表示されるように設定されています。
編集:
これは、実行時に生成されるコードです。
<li id="kwick_3" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: 225px; width: 200px; overflow-x: hidden; overflow-y: hidden; display: block; " class="active">
<a class="headlink" href="#">Productos<h3>Nuestros productos</h3></a>
<ul style="visibility: visible; display: block; ">
<li><a href="#">Maquinaria pesada</a></li>
<li><a href="#">Transporte</a></li>
<li><a href="#">Agroindustria</a></li>
</ul>
</li>
UL 要素には、可視に設定されたオーバーフロー (x および y) があります。ただし、親 LI 要素のオーバーフロー (x および y) は非表示に設定されています。
あなたのli#kwick_3
要素はoverflow: hidden
htmlで設定されてoverflow:visible
おり、cssで設定されています。firebug でこの設定を無効にすると、サブメニュー オプションが表示されます。
また、html で設定をオーバーライドするように設定overflow: visible !important
することもできます (ここでも、firebug で動作します)。#kwick_1, #kwick_2, #kwick_3, ..
style.css