1

我的帖子包含使用 Css3 的带有框阴影的图像。为 img 标签创建 -1 的 box shadow 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 框阴影不起作用。

4

3 回答 3

1 
$('.postimage').on('click', function() {
    var newURL = $('a', this).prop('href');
    window.location = newURL ;
});
于 2012-12-24T15:44:03.800 回答
-1

您可以通过设置使元素对鼠标事件透明（因此单击将通过）

pointer-events: none;
于 2012-12-24T15:48:06.637 回答
-1

更改z-index:-1;为z-index:1;

于 2012-12-24T15:44:06.670 回答