私はちょうど私の(愚かな)私のドロップダウンメニューが完全に壊れていることを発見するために数週間行っていなかったオペラで自分のサイトをチェックすることが起こります。親アイテムの上にマウスを移動すると、すべてのメニューアイテムが移動してメニューが壊れます。これは私がチェックした他のブラウザでは起こりません。オペラのドロップダウンメニュー
誰かが私のコードでそれを引き起こしている可能性があるものは誰でも見ることができますか?
おかげ
$(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;}
は私がいないところ、それは間違って起こってまでそれをいじる躊躇です。
おかげ
[JS Fiddle](http://jsfiddle.net/)で問題を再現できるので、jQueryとCSSから推測するのではなく、問題を確認できますか? –
デビッドありがとうございましたhttp://jsfiddle.net/WctpW/ – onjegolders
Operaでフィディルドが奇妙に動作しているようです! – onjegolders