2011-11-12 11 views
0

私はちょうど私の(愚かな)私のドロップダウンメニューが完全に壊れていることを発見するために数週間行っていなかったオペラで自分のサイトをチェックすることが起こります。親アイテムの上にマウスを移動すると、すべてのメニューアイテムが移動してメニューが壊れます。これは私がチェックした他のブラウザでは起こりません。オペラのドロップダウンメニュー

誰かが私のコードでそれを引き起こしている可能性があるものは誰でも見ることができますか?

おかげ

$(document).ready(function() { 

$('#nav li').hover(
    function() { 
    $('ul', this).slideDown(200); 
    }, 
    function() { 
    $('ul', this).slideUp(100);   
    } 
); 

})。それは(オペラを除く)すべての主要なブラウザで動作しているようだとして

CSS

ul#nav {list-style: none; white-space: nowrap; float: right; position: absolute; bottom: 10px; right: 0;} 
ul#nav li {display: inline; margin-right: 10px; padding: 0 10px; position: relative; text-transform: uppercase;} 
ul#nav li.last {margin-right: 0;} 
ul#nav li.slash {padding: 0;} 
ul#nav li a {text-transform: uppercase; font-size: 12px; color: black; padding: 10px 0 10px 10px; margin-bottom: 10px;} 
ul#nav li a:hover {text-decoration: underline;} 
ul#nav li a.active {font-style: normal; text-decoration: underline;} 
ul#nav li a.active:hover {color: black;} 
ul#nav li.parent_selected, ul#nav li.selected {font-style: italic;} 

#nav li ul {position: absolute; top: 26px; right: 0; padding: 20px 0 10px 20px; background-color: #f6f6f6; border: 1px solid #ccc; text-align: right; z-index: 999;} 
#nav li ul li {display:block; margin-bottom: 10px; padding: 0;} 
#nav li ul li a {text-transform: none; font-size: 12px; color: black;} 
#nav li ul li a:hover {text-decoration: underline;} 

は私がいないところ、それは間違って起こってまでそれをいじる躊躇です。

おかげ

+2

[JS Fiddle](http://jsfiddle.net/)で問題を再現できるので、jQueryとCSSから推測するのではなく、問題を確認できますか? –

+0

デビッドありがとうございましたhttp://jsfiddle.net/WctpW/ – onjegolders

+0

Operaでフィディルドが奇妙に動作しているようです! – onjegolders

答えて

0

私は前に(そして多くの場合)があった:(とにかく行うには正しいことです)Operaはすべてが明示的であることを期待しています。 1つの項目で「両方をクリア」や「表示ブロック」を行わないなど、他のブラウザーで不足しているものを取り除くことはできますが、Operaではすべてが同期しなくなります。などとのための

チェック項目ごとに、高さ、浮き、

PS:私もあなたのコードを見ていませんでした。

+0

洞察のおかげで – onjegolders

関連する問題