3

私は以前のスタック投稿を精査し、見つけたすべての方法を試しましたが、残念ながら、何も機能しませんでした。

私のドロップダウンメニューはjsfiddleで正常に機能します：http：
//jsfiddle.net/4JFQ8/5/

しかし、FirefoxまたはSafariでコードをプレビューすると、「サービス」リンクの下のドロップダウンメニューが「サービス」リンクボタンのすぐ下に表示されず、マウスを下に移動しようとするとドロップダウンメニューが消えます。

ところで、これらの質問に答えてくれたすべての人に感謝します。このサイトは過去に私を助けてくれましたが、残念ながらこれは私の初めての投稿です。

4

3 に答える 3

4

これを試してください：

ul.dropdown ul {
left: 0;
list-style: none outside none;
padding: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 200px;
}

含むpadding:0 & list-style:none

于 2012-10-04T16:31:08.973 に答える
0

削除する

position:absolute;

このようなナビゲーションスタイルで多分役立つ

nav{
  margin-top:10px;
  top:0;
  right:0;
  clear:both;
  font-family:"Copperplate Gothic Light";
}
于 2012-10-04T16:57:47.910 に答える
0

@Shivajiの助けを借りて
これはFirefoxとSafariで動作します。
私が変更され：

ul.dropdown ul {
幅：200px; 可視性：非表示; 位置：絶対; 上：100％; 左：0; }



に：

ul.dropdown ul {左：0; リストスタイル：なし外なし; パディング：0; 位置：絶対; 上：5px; 可視性：非表示; 幅：200px; }



「top：5px」により、ドロップダウンメニューをクリックできるようになりました。
「リストスタイル：なし、外側なし、パディング：0;」で、配置の問題が修正されました。
これはChromeまたはIEでテストされていないことに注意してください。みんなありがとう！

于 2012-10-04T17:07:57.007 に答える