在我们的网站上,我们有一个包含所有内容的div,然后在顶部我们在内容div后面有一个图像。这个div有一个幻灯片,其中包含插件中的图像。在后端我添加链接并尝试使幻灯片可点击...
我遇到的问题是,由于某些原因,我们在内容框上方的350px边距似乎阻止了链接被点击。
这是它被添加的地方:
#content.homepage {
margin-top: 350px;
}
这是滑块添加的内容:
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;
该链接是可点击的。如果你删除填充,链接可以在页面底部点击,但在边缘后面它似乎无法点击?
答案 0 :(得分:1)
滑块本身的z-index为-1,可能是原始滑块功能的一部分。将其更改为更高的值允许单击每张幻灯片。