如何使onclick事件div背景图像？

Question

我在html中创建了一个div，并为其分配了一个背景图像，我想对该照片进行onclick事件，不知道怎么做，那就是div：

.add_btn {
background-color: #099;
position: absolute;
height: 35px;
width: 200px;
background-image: url(img/add.png); 
background-repeat: no-repeat;
background-position: center center;
top: 265px;

Answer 1

除了您拥有该类的元素外，您没有提供有关DOM的任何信息。很难给出一个好的答案，但我会尝试。

以下代码会将函数附加到onclick类的所有元素的add_btn事件。

document.getElementsByClassName("add_btn").onclick =
    function () { 
        alert("Hello"); 
    };

Answer 2

无法进行背景图片点击。因为你有一个前景层。 但您可以使用此JQuery进行前景图像点击...

$('.className > .Inner_Classname2= > img').click(function(e) {
alert("Ok");    
 });