2015-09-08 80 views
-2

我希望有一種方法可以使圖像堆疊在另一圖像下方,而不是前方圖像。在圖像背後創建一個圖像可點擊

前面的圖像是一個半透明的png(想想水印或類似的東西)。背後的圖像與動作相關聯。 (這不完全是它所做的,所以請不要脫離主題評論關於這是一個糟糕的水印方式......我知道這一點!)

但是,如果圖像在前面,行動將永遠不會觸發,因爲前面的圖片是'阻止'點擊。

回答

4

一些代碼將是有益的,但它聽起來像你需要

pointer-events:none 

MDN Reference

除了表明該元素不是鼠標事件的目標,價值沒有指示鼠標事件去「通過」該元素,並針對該元素下面的任何內容。

但是支持(參考頁腳)是除了IE是11+

還不錯:CanIUse.com

+1

以10秒打我:) – AlexG