似乎无法在影像中插入

顶部的链接下面是网站问题：http://remarkabledigital.com/似乎无法在影像中插入

该网站的顶部设有一个完整的宽度图像。在图片中有一个平板设备，上面有一些文字和一个“联系我们”按钮。

我想让“contact-us”按钮通过链接点击。

我试过把一个锚标记放在图像的顶部，但它不可点击。我试过声明和区域地图，但它不可点击。我试过在整个血腥图像周围放置一个锚标签，但它不可点击。我也试着给图像分配一个“onclick”（这是代码现在的状态），但这也不起作用。

我必须在这里丢失一些很简单的东西。看起来图像是“阻止”其他元素运作的能力。

任何HTML大师在那里？

来源

2014-12-02 Trevor

问题是容器在后面的所有其他位置。

更改的style.css条目.title-card

来源：

.title-card { 
    z-index: -1; 
}

要：

.title-card { 
    z-index: 1; 
}

这将使你的形象的onclick事件点击。

更新：此外还需要将其应用于图像以及在其他浏览器（IE）中工作。

.title-card > img.header-img { 
    z-index: 1; 
}

在style.css中

来源

2014-12-02 19:16:23 fyrye

我已经更新了CSS，以反映更改或者删除任何参考z-index: -1;，但我仍然没能得到一个链接，可以点击...我我添加了一个锚标签来包围图片的“contact-us”部分，但它不起作用。 – Trevor 2014-12-02 19:53:37

@Trevor图像有一个位置：绝对; z-index：1'。如果'a'元素具有相同的'z-index'并且在'img'之后，则img将优先并覆盖链接。将锚点移动到'img'元素的上方，并将'position：relative; z-index：2;'添加到锚点的样式。例如：'test'此外修复您的网站横幅集'＃site-meta {z-index：2; '''style.css'中。 – fyrye 2014-12-02 20:21:37

@Trevor评估您的整个网站的“z-index”排序，以确保元素适当分层。任何负z-index都会导致元素位于'html/body/page'后面，而元素没有专门设置z-index。结果将在不同的浏览器中呈现不同的结果。 EG：在style.css'* {z-index：0;}'的顶部，强制所有元素从基本级别/自动z-index开始。 – fyrye 2014-12-02 20:29:25

似乎无法在影像中插入

回答

相关问题