图片链接无法使用

在我的网页我已经建立了一个图像链接/锚使用下面的代码：图片链接无法使用

<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

图片链接无法使用

回答

相关问题