圖片鏈接無法使用

在我的網頁我已經建立了一個圖像鏈接/錨使用下面的代碼：圖片鏈接無法使用

<div class="bg_1"> 
     <div class="Absolute-Center"> 
      <span style="font-size: 50px; color: aqua">in short.</span><br /> 
      LIVE LIFE AT YOUR OWN PACE.<br /><br /><br /><br /><br /><br /><br /> 
      <a href="#home1"><img src="images/scrolldown.png" width="50" height="50" border="0" /></a> 
     </div> 
    </div> 
    <div style="height: 100vh; background-color: black;" > 
     <a name="home1"></a> 
    </div>

然而，當我跑我的網頁此圖像不顯示爲不可點擊，也不需要你點擊任何地方。有任何想法嗎？如果它有所不同，我使用的圖像大多是透明的。
編輯：
我已經將問題縮小到由z-index引起的問題。對於「bg__1」的CSS代碼如下：

.bg_1 { 
    height: 100vh; 
    position: relative; 
    z-index: -1; 
    background-position: center center; 
    background-size: cover; 
    background-image: url(http://31.media.tumblr.com/2c3a72acc53b1a78ef3b6c4986604cd2/tumblr_ni0jt8sKlY1sr6759o1_500.gif); 
}

卸下的z-index線解決了這個問題，但是我需要的z-index對我的佈局。

來源

2015-07-02 Will Fisher

你在這裏發佈的Html工作得很好。什麼是你的頁面佈局，也許其他一些元素是覆蓋圖像？你在CSS中禁用了'pointer-events'嗎？你可以創建jsfiddle或共享網頁的網頁，它不能正常工作？如果人們看到頁面無法正常工作，那麼幫助您將會更容易。 – pisamce

它適合我。 – Diwas

我正在使用Visual Studio並創建一個Web應用程序，但Absolute-Center類確實將該div的z-index更改爲-1。這與圖像被覆蓋有關嗎？我仍然可以看到圖像。 –

我發現我的錯誤。如果圖像鏈接包含在具有負Z索引的div或塊中，它們將變爲無響應。因此，不要將其設置爲默認值以下的值。將其容器保持默認狀態，並提升希望渲染後者的z-index。

來源

2015-07-02 02:06:17

沒有看到頁面的佈局，很難找到修復程序。但是，你有幾種可能性：

更改頁面佈局
從CSS樣式刪除z-index: -1
查找該重疊圖像的元素，並添加pointer-events: none到它的風采。然後，點擊事件將通過圖像。
變化元件的z-index該圖像重疊，並給它較低的z索引值

來源

2015-07-02 01:57:32 pisamce

圖片鏈接無法使用

回答

相關問題