如何通過透明圖像獲得«onclick»活動？

我有一個html頁面。在頁面中間，我顯示了一個部分透明的gif圖像。如何通過透明圖像獲得«onclick»活動？

如果我點擊圖像下鏈接上圖像的不透明部分，由於圖像原因我沒有收到«onclick»事件。

是否可以忽略圖像並獲取鏈接上的事件？

更新：我的佈局：無法點擊「Alternativ」。

enter image description here

2012-03-14 podeig

你能給一個例子嗎？ – Neal 2012-03-14 13:10:16

[點擊通過底層元素的DIV]（http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements）**或** [忽略鼠標交互圖像中的透明部分並將其分配給下面的圖像]（http://stackoverflow.com/q/2607162/94197） – 2012-03-14 13:24:49

那麼如果鏈接是下的圖像，那麼他們無法點擊。

你可能需要做的是下降的CSS圖像的z-index，並增加鏈接的z-index讓他們點擊。

來源

2012-03-14 13:11:00 Neal

比文本將圖像過度。這將無濟於事。 – podeig 2012-03-14 13:18:23

如果圖像是靜態的並且沒有移動，您可以輕鬆使用圖像maps或將您的鏈接放在透明圖像的頂部。

來源

2012-03-14 13:11:21 epoch

我其實不知道你的佈局，但我認爲有幾種可能性。你可以使用一個圖像模擬點擊gif下的鏈接。因此，在鏈接定位的位置，您可以在圖像映射中定義可點擊區域。另一種可能性是將gif用作背景圖片。不應該改變佈局中的任何內容，鏈接將處於最佳狀態。

HTH，

--hennson

來源

2012-03-14 13:14:33 hennson

做一個事件，觸發它關閉：

var realTarget = document.querySelector('...'); 
var img = document.querySelector('...'); 

img.addEventListener("click", function(evt) { 
    var newEvt = document.createEvent("MouseEvents"); 
    newEvt.initMouseEvent("click", true, true, window, 
    evt.detail, evt.screenX, evt.screenY, evt.clientX, evt.clientY, 
    evt.ctrlKey, evt.altKey, evt.shiftKey, evt.metaKey, 
    evt.button, evt.relatedTarget); 
    realTarget.dispatchEvent(newEvt); 
}, false);

來源

2013-03-26 22:06:35

如何通過透明圖像獲得«onclick»活動？

回答

相關問題