錨鏈接無法使用的桌面，但適用於移動

我有這個頁面上的鏈接：頁面（單詞「年」）在文本中http://www.appetiteforexcellence.com/young-chef/不通過對所需的頁面實際上鍊接的桌面視圖，但作品在移動。檢查元素時，我可以看到錨標籤，但似乎無法使其工作。任何幫助，將不勝感激。錨鏈接無法使用的桌面，但適用於移動

感謝

來源

2016-12-31 yankl999

你'div'與應該在您的文本下方的行類覆蓋文本。 – kkreft

嘗試連續類包裝以下DIV：

<div class="row"> 
    <div class="col-md-10 col-md-offset-1 article-content page-content">...</div> 
</div>

來源

2016-12-31 01:37:35 Jasg3

謝謝@ Jasg3 - 工作！ – yankl999

.page-id-98 .white-container .page-content { 
    position: relative; 
    z-index: 1 
}

應該修復它。

它是由未來.row重疊和點擊沒有得到它。另外，如果你不需要pointer-events以下.row，你可以設置pointer-events:none上，允許click事件經過，就像這樣：

.page-id-98 .white-container .page-content + .row { 
    pointer-events: none; 
}

注意這第二個代碼塊是替代第一，不累積（你不需要兩者）。我相信第一個更好（不太可能的併發症）。

上面我試圖解釋爲什麼你的鏈接沒有工作，所以你知道接下來該怎麼你碰到這類問題時進行調試。但實際的解決方案是將您的專欄包裝在.row中，正如其他人所建議的那樣。主要原因是Bootstrap建議所有[class^="col-"]應該是.row s的直接子女。如果不是，你會遇到負邊界問題，你的內容將很難調試水平滾動條，寬度從992px到1022px，從768px到798px。

來源

2016-12-31 01:30:58

這不是一個好的解決方案，當你可以將列包裝在行標籤中時。 – kkreft

我認爲只有在CSS解決方案不可用時才應提出標記更改，kkreft。遵循你的原則，我應該提出一個網站重新設計。感謝您對完美有效的CSS解決方案進行投票，因爲它不會提示標記更改。 –

使用CSS解決方案，您可以解決問題，但不解決問題。在我看來，HTML標記存在明顯的錯誤，因此它是從根本上解決問題的合適地點。如果你認爲添加引導行包裝是一個網站重新設計，那麼是的。 – kkreft

-1

只需添加缺少的<div class="row"> -wrapper因爲我已經如下圖所示：

<div class="white-container"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-10 col-md-offset-1 article-content page-content"> 
 
     <p style="text-align: left;">Here you will find all the information regarding Electrolux Australian Young Chef and this years program. to find out more about our past young chefs, click on the <a href="http://www.appetiteforexcellence.com/inspiration-series-peter-doyle/" onclick="_gaq.push(['_trackEvent', 'outbound-article-int', 'http://www.appetiteforexcellence.com/inspiration-series-peter-doyle/', 'years ']);" 
 
     title="what does hospitality mean to Peter Doyle?">years </a>below.</p> 
 
     </div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-md-3"> 
 
     <div class="homepage-page-item small-item"> 
 
      <a href="http://www.appetiteforexcellence.com/about-young-chef/"> 
 
      <img width="315" height="210" src="http://www.appetiteforexcellence.com/appetite/wp-content/uploads/2016/01/about-young-excellence-315x210.jpg" class="attachment-home-thumb wp-post-image" alt="2016 cul" /> <span>about young chef</span> 
 
      </a> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div>

來源

2016-12-31 01:38:28 kkreft

錨鏈接無法使用的桌面，但適用於移動

回答

相關問題