这可能吗？幻灯片旋转上的透明png（可点击）答案

【问题标题】：Is this possible? transparent png over slide revolution (clickable)这可能吗？幻灯片旋转上的透明png（可点击）
【发布时间】：2016-04-29 18:11:12
【问题描述】：

我想要两次滑动旋转（或至少一次），但是上面有这个皮肤：

叠加图像将位于图像之上，因此无法单击图库（以及用于更改其中图像的项目符号）。我知道地图坐标，但它是一个滑块旋转，所以我认为在这种情况下它不会起作用。

有什么办法可以做到吗？

到目前为止我的 HTML 和 CSS：(JSFiddle)

<div class="thePNG"></div>
<div class="theSLIDERS">
    <div class="fakeSLIDER1">HEY' IM CLICKABLE</div>
    <div class="fakeSLIDER2"></div>
</div>

.thePNG {
    background-image: url(my-overlay-image.png);
    width: 787px;
    height: 610px;
    background-size: cover;
    z-index: 2;
    position: relative;
}
.theSLIDERS{
    margin-top: -600px;
    z-index: 1;
}
.fakeSLIDER1{
    background-color: red;
    width: 700px;
    height: 300px;
    text-align: center;
    margin: 0 auto 0 auto;
}
.fakeSLIDER2{
    background-color: green;
    width: 700px;
    height: 300px;
}

【问题讨论】：

（我忘了把可点击的文本垂直对齐在中间）

标签： slider png transparent

【解决方案1】：

我找到了自己的答案！

很简单：

CSS： “指针事件：无；”

！

【讨论】：