2

私のウェブサイトhttp://forums.jordantrudgett.com/で、ドロップダウン メニューのリンクに不具合があります。Dynamic Drive jQuerySlideMenu のコードを使用しています。

Firefox 19 では、下線がテキストの上に表示されます。

Firefox での表示方法。

Chrome 27 では、次のように表示されます。

ここに画像の説明を入力

Internet Explorer 10 の場合:

ここに画像の説明を入力

Firebug の要素を調べましたが、この問題の原因が正確にはわかりません。私が見ることができる下線で遊んでいる CSS はありません。

いくつかの簡単な検索の後、2012 年に bugzilla で報告されたこの問題を見つけました。これは、テキストの上に表示される下線で見つかった唯一のものです。vertical-alignこれが原因である可能性を指摘しています。vertical-alignスライダーのCSSを変更したのですが、変わらない( top、middleまたはbottom.) 直したいです。私が行方不明になっている明白な何か、またはこれが起こっている正当な理由はありますか?

4

2 に答える 2

3

54行目vertical-align: middle;から削除すると、問題が解決します。.jqueryslidemenu .appjqueryslidemenu.css

firebugこのような状況で便利な今後の使用

于 2013-05-30T13:01:32.183 に答える
2

vertical-alignあなたは犯人として正しく特定しました。

ホバーされた項目は、jqueryslidemenu.css の次の行によってスタイル設定されています。

.jqueryslidemenu .app {
    height: 18px;
    vertical-align: middle;
}

vertical-alignFirebug で削除すると、問題はなくなります。vertical-alignしたがって、その行から削除します。

何らかの理由で jqueryslidemenu.css を編集できない場合は、独自の css ファイルに次を追加してください。

.jqueryslidemenu .app {
    vertical-align: inherit;
}
于 2013-05-30T13:02:02.460 に答える