HTML CSS無法點擊鏈接

-11

有相當多的問題提出幾乎相同的問題。現在我遇到了同樣的問題，我發現很少有解釋如何找出根本原因的答案。這似乎是其他div疊加在鏈接上的原因，但我怎麼能找出哪一個div是責備。我已將鏈接的z-index設置爲大數字，但不起作用。我不知道爲什麼。任何人都可以幫助我如何調試這個問題？HTML CSS無法點擊鏈接

我的更困難的情況是，該網站是一個WordPress的。有很多嵌套的div s。我可以使用瀏覽器的檢測工具快速找出如何解決這些問題嗎？

link - 在此網站上，左側邊欄的鏈接不可點擊。

來源

2017-05-08 stcheng

請閱讀[我的網站上的東西不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT）。當外部資源消失或者固定時，依賴於外部資源被理解的問題變得毫無用處。創建一個[MCVE]並將其置於**問題本身**中。 – Quentin

問題在於這個類#theme-page:before它有position: absolute;它覆蓋了所有的頁面元素，當你刪除它時，一切都會正常工作。

來源

2017-05-08 09:04:35

謝謝！你如何找到它？任何程序？ – stcheng

你可以使用Chrome來檢查元素和調試，順便說一句，這是最重要的調試工具。 –

此鏈接將幫助您瞭解我的意思[Google DevTool]（https://developer.chrome.com/devtools） –

你可以試試這個：包括它在你的css風格最底部：

#theme-page:before { 
    content: " "; 
    position: relative; /*update*/ 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    opacity: 0.1; 
}

請在下面發表評論，如果您有問題，此:)

來源

2017-05-08 09:06:28

爲什麼它以這種方式工作？ – stcheng

親愛的問候，我想告訴你'position：block'是無效的屬性值！但是當你輸入無效值時，默認情況下瀏覽器會把初始值放在這裏，這意味着它將被放在'position：relative;' –

@stcheng因爲它覆蓋了position屬性的所有元素。 –

這是很明顯，檢查元素時，您遇到position: absolute;問題。看圖像，並刪除它，它應該是工作 Click to see screen capture

來源

2017-05-08 09:08:19 shojibur

您需要更改的#theme-page::before堆疊順序，您可以簡單地用z-index物業解決這個

#theme-page::before { 
    bottom: 0; 
    content: " "; 
    left: 0; 
    opacity: 0.1; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: -1; /* newly added */ 
} 

#theme-page { 
    position: relative; 
    z-index: 1; /* newly added */ 
}

來源

2017-05-08 09:08:36

HTML CSS無法點擊鏈接

回答

相關問題