这可能吗？透明PNG在滑块运转（点击）

Question

我想要两个滑转（或至少一个），但这种皮肤在它：

覆盖图像将是对图像的顶部，所以点击图库将是不可能的（和子弹来改变它内部的图像）。我知道地图坐标，但它是一个滑块革命，所以在这种情况下，我认为它不起作用。

有什么办法可以达到这个目的吗？

---

我的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; 
} 

Answer 1

我发现我自己的答案！

它很容易：

CSS： “指针事件：无;”

！