子菜單翻轉彈出不顯示

希望這將是一個簡單的答案，你的一些CSS退伍軍人在那裏。子菜單翻轉彈出不顯示

我正在爲客戶開發一個網站。爲了便於閱讀，我只給你一個鏈接到網站和問題的CSS頁面。 HTML CSS

我試圖做一個子菜單彈出主菜單右側的滾動時在「星石英灌漿。」我當前的CSS顯然不正確，我可以使用一些指導。

ul#subNav {display: none; width: 134px; } 
li:hover ul#subNav, li.over ul#subNav {display: inline-block; position: absolute; top: 0px; left: 134px; }

我的猜測是，它的工作，但它隱藏在頁面的其餘部分。但我可能是錯的。即使使用Chrome的「Inspect Element」（很好的btw），也很難確認。這可能是一些愚蠢的錯誤。無論如何，先謝謝你。我是一個CSS新手。

來源

2010-04-01 Stradigos

你可以試試這個：

ul#subNav ul 
{ 
display: none; 
} 

ul#subNav li:hover ul 
{ 
display:block; 
}

但要小心，因爲你的「禮」區是不是鏈接本身較小。

我這樣做了這個網站：Spirit Of Polo（懸停購物車）。請注意，這種效果（懸停）在觸摸屏設備上不可見（因爲如果您考慮懸停是不可能的）

來源

2010-04-01 22:28:05 Julien

嗯，沒有工作。某種定位必須正確嗎？僞代碼：翻轉狀態= false：隱藏翻轉狀態= true：取消隱藏並按子菜單的按鈕寬度顯示主菜單的右側。我重新上傳了HTMl和CSS，因此上面的鏈接反映了這些更改。唯一的區別是「Star Quartz Grout」按鈕現在處於翻轉狀態。不知道這是怎麼發生的，但我不得不修復它，哈哈。 – Stradigos 2010-04-01 22:49:05

看起來你沒有成功？但它只適用於主頁面 – Julien 2010-04-05 01:47:16

子菜單翻轉彈出不顯示

回答

相關問題