我目前正在研究這個網站,並剛剛注意到div#的問題,它覆蓋了菜單,因此只能在文本下方懸停鏈接。有沒有人有任何想法如何解決這個問題? http://gridironstuds.com/CSS:標題覆蓋導航菜單,打破懸停效果
回答
我使用Chrome檢查,只是改變了這種
div#top {position:absolute;}
到
div#top {position:static;}
,並固定權利了。問題是,爲什麼你的頭銜在體內?它應該在你的html的頭部。
哇,永遠不會知道這將工作,我認爲靜態會讓它保持在頂部,當你滾動。感謝迄今爲止我的工作尚未在所有瀏覽器中進行測試 – 2011-05-15 17:59:08
您已經確定了問題:div#top
覆蓋了菜單。要解決這個問題,請縮短元素:將它的height
屬性更改爲更小的值(看起來像88px是完美的)。
請嘗試與<div id="top" class="centerContainer" style="height:88px;">
的頁面。
如果看起來不錯,請將其添加到您的master.css
中的div#top
規則中。
唯一的問題是它削減的標誌圖像,我需要它重疊菜單。 – 2011-05-15 03:14:49
@josh然後你必須浮動圖像並使用邊距來定位它,或者使用一些div和z-index。 – Nathan 2011-05-15 04:00:57
指定div的高度#top {height:100px;}並縮小logo圖片的大小。
- 1. 滑動懸停效果導航菜單
- 2. CSS菜單懸停效果
- 3. CSS懸停效果和覆蓋
- 4. 覆蓋懸停效果
- 5. 當鼠標懸停在子菜單上時,使用CSS保持頂級導航懸停效果
- 6. 當鼠標懸停在子菜單上時,使用CSS保持頂級導航懸停效果
- 7. 導航菜單僅在特定場合下懸停效果
- 8. 導航懸停打破了IE
- 9. 鼠標懸停導航下拉菜單使用HTML和CSS
- 10. CSS下拉導航菜單懸停問題
- 11. CSS菜單懸停問題
- 12. CSS元素覆蓋懸停
- 13. 改變懸停點擊標題導航彈出菜單
- 14. 引導圖像懸停覆蓋圖標
- 15. 懸停在CSS覆蓋它上面的菜單
- 16. CSS懸停效果
- 17. 懸停效果(CSS)
- 18. CSS懸停效果
- 19. 鼠標懸停子菜單破壞
- 20. 導航欄懸停自定義效果
- 21. jquery懸停覆蓋與標題
- 22. Bootstrap導航菜單懸停顏色
- 23. 導航菜單懸停不起作用
- 24. CSS問題 - 導航菜單
- 25. 導航CSS UL李:懸停
- 26. CSS導航:懸停在Safari
- 27. CSS動畫效果導航元素:懸停
- 28. 效果在菜單中懸停
- 29. BBC風格的菜單懸停效果
- 30. 從外部菜單中懸停效果
我在Google的開發工具中看不到'a:hover'定義 – Pwnna 2011-05-15 02:32:18
只是關於您鏈接頁面的一個提示:我個人非常不喜歡嵌入YouTube視頻並開始自動播放的頁面。也許讓我們按自己的戲? :) – Nathan 2011-05-15 02:40:39
@ultimatebuster這不是問題。 div#top覆蓋了導航欄的一部分。我建議嘗試使用徽標圖像上的CSS屬性float,以便div#top不那麼大。 – 2011-05-15 02:41:15