2016-02-29 117 views
7

鏈接的一部分不可點擊。沒有什麼是最重要的。您甚至可以選擇文字,但不會被視爲鏈接。我檢查了Firefox並且它正常工作。就在Chrome中。鏈接不完全可點擊

我附加了一個.gif文件來顯示發生了什麼。

[Problem with anchor tag

我包裹一個錨定標記與h1標籤。整個文本應該是作爲鏈接處理。正如GIF所顯示的那樣,文本被選中,這意味着鏈接上沒有任何內容,但Chrome並未將整個文本視爲鏈接。

任何想法發生了什麼?

下面是文字

<h1 class="post-title"> 
 
    <a href="#">Vix sumo exerci, mel aeterno feugiat intellegam cu</a> 
 
</h1>

編輯的HTML:

下面是該項目

+3

承認a第一部分這很奇怪,您使用的是哪個版本的Chrome?因爲它在Chrome上適合我。 – Abdel

+0

我正在使用48.0.2564.116。 Chrome瀏覽器告訴我,它是最新的。 – user2586153

+0

也許在開發者工具中檢查'z-index'嘗試。 – mmativ

回答

2

你必須給display:blocka因爲a在默認情況下是一個內聯元素,由於某種原因,當你設置font-size:15pxaline-height:12pxh1父母也不會在Chrome

+0

現在就工作,並感謝您的答案的解釋。 – user2586153

1

這修復它爲我的link

.post-title a { 
    position: relative; 
} 

雖然很奇怪。