點擊一個較低的z-index元素

我有一個div和一個圖像相互重疊。圖像在div的前面。是否可以點擊忽略圖像的div？點擊一個較低的z-index元素

<img src="smiley.gif" style="z-index: 2; width:200px; height 200px;"> 
<div id="theDiv" style="background-color: #f60; width:200px; height:200px;"></div>

$('#theDiv').click(function(){ 
    alert("you've clicked on "+this.id); 
});

來源

2015-08-25 Becky

但是真的有必要點擊圖片下方的圖片嗎？你爲什麼要使用它？ – gioNicol

圖像是否必須位於div的前面？ div必須在頂部，使用z-index和css中提到的位置。 –

是的，你的設置有點奇怪。笑臉的目的是什麼？將笑臉作爲div的背景圖像還是放入div中會更好嗎？你總是可以使用jQuery next（）或者nearest（）來完成這個任務，但是我有一種感覺，那就是關於標記設置。 –

你必須使用CSS pointer-events財產。只需添加到的img樣式：

pointer-events: none;

編輯：我很抱歉，我犯了一個錯誤，它有很好的支持！ Can I use

來源

2015-08-25 18:03:38 sajran

-1

分配一個ID，你的形象：

<img id='image' src="smiley.gif" style="z-index: 2; width:200px; height 200px;">

，並使用點擊圖片事件做任何你想要與你的DIV做

$('#image').click(function(){ 
    //perform tasks on your div here 
    $('#theDiv').css('background-color', '#fff'); 
});

來源

2015-08-25 18:03:25 maverickc1

點擊一個較低的z-index元素

回答

相關問題