jquery - 如果给出 -1 z-index 来创建框阴影，如何使图像可点击？

Question

我的帖子包含使用 Css3 的带框阴影的图像。为 img 标签创建 -1 的框阴影 z-index。但问题是图像不可点击。由于 href 标签被赋予图像，我如何创建我的图像可点击同时保持 Box-shadow 呢？

我的 CSS:

.postimage {
width:100%;
height:250px;
margin:10px 0px 20px 0px;
z-index:12; box-shadow: inset 2px 2px 10px rgba(0,0,0,0.9);
}
.postimage img{
position:relative;
z-index:-1;
}

我的 HTML:

<div class="postimage">
    <a href="http://www.google.com"><img src="images/bg.jpeg" /></a>
</div>

不使用 -1 z-index 图像变得可点击，但 css3 框阴影不起作用。

Answer 1

$('.postimage').on('click', function() {
    var newURL = $('a', this).prop('href');
    window.location = newURL ;
});