這可能嗎？透明PNG在滑塊運轉（點擊）

我想要兩個滑轉（或至少一個），但這種皮膚在它：這可能嗎？透明PNG在滑塊運轉（點擊）

覆蓋圖像將是對圖像的頂部，所以點擊圖庫將是不可能的（和子彈來改變它內部的圖像）。我知道地圖座標，但它是一個滑塊革命，所以在這種情況下，我認爲它不起作用。

有什麼辦法可以達到這個目的嗎？

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

來源

2016-01-23 Vitor Dias

（ops我忘了在中間垂直對齊可點擊的文字） –

我發現我自己的答案！

它很容易：

CSS：「指針事件：無;」

！

來源

2016-01-27 05:26:37

這可能嗎？透明PNG在滑塊運轉（點擊）

回答

相關問題