css - 当 z-index 较高时，图像链接不适用于覆盖的 div

Question

我在网站上使用超大幻灯片，但我在 div 中添加了纹理覆盖

 #slideshow-wrapper
{
    width: 100%;
    margin: -100px 0 0 0;
    padding: 0;
    height: 500px;
    background: url(/slideshow/img/slideshow-front-3.png) repeat;
    position: relative;
    z-index: 3;
}

这是超大的div

 #supersized
{
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    overflow: hidden;
    z-index: 1;
    height: 500px;
    width: 100%;
}

如果我将 #slideshow-wrapper 上的 z-index 更改为 0，链接会很好用，但是我会松散图像上的纹理。

是否有解决此问题的方法，以便链接可以在仍然显示纹理叠加层的同时工作？

感谢任何帮助。

干杯

Answer 1

你需要在纹理图像上放置一个事件监听器并捕获鼠标坐标，然后将点击事件传递给它下面应该点击的元素，它们共享相同的坐标空间。