javascript - 检测按钮点击 z-index -1

Question

嗨，这是我的 Jsfiddle代码。有一个从右到左的动画，然后从左到右，当动画停止时，汽车图像从底部出现。我想检测汽车图像是否被点击，然后我必须打开一个新窗口。汽车图像 z-index 设置为 -1，以便关闭按钮可见，但如果我无法检测到点击功能。我该怎么做才能让它发挥作用。 当我们点击关闭按钮时，它会隐藏所有内容并显示一个 div。

#car_slider {
    position:fixed;
    bottom:-10px;
    width:300px;
    height:0;
    border:2px solid #000;
    z-index: -1;

}

我尝试使用这行代码，但它没有检测到点击。

$("#car_slider").click(function() {
    window.open('//www.google.com', '_blank');
});

Answer 1

把z-index:1;

    #car_slider {
        position:fixed;
        bottom:-10px;
        width:300px;
        height:0;
        border:2px solid #000;
        z-index: 1;
}

demo