html - div 后面的链接中的边距隐藏链接

Question

在我们的网站上，我们有一个包含所有内容的 div，然后在顶部我们在内容 div 后面有一个图像。这个 div 有一个幻灯片，其中包含来自插件的图像。在后端，我正在添加链接并尝试使幻灯片可点击...

我遇到的问题是，出于某种原因，内容框上方的 350 像素边距似乎阻止了链接被点击。

这是添加它的地方:

#content.homepage {
margin-top: 350px;
}

这是 slider 添加的内容:

position: fixed;
overflow: hidden;
width: 100%;
height: 908px;

这是链接上的样式:

display: block;
left: 1544px;
position: absolute;
overflow: hidden;
height: 100%;
width: 1544px;
top: 0px;
z-index: 99;
opacity: 0;
transition-property: opacity;
transition-duration: 700ms;
transition-timing-function: linear;

如果你制作#content

display:none;

链接是可点击的。如果您删除填充，链接在页面底部是可点击的，但在边距后面似乎无法点击？

链接是http://www.applecoredesigns.co.uk

Answer 1

slider 本身的 z-index 为 -1，可能是原始 slider 功能的一部分。将其更改为更高的值允许单击每张幻灯片。