1

私の投稿には、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ボックスシャドウは機能しません。

4

3 に答える 3

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

z-index:-1;に変更z-index:1;

于 2012-12-24T15:44:06.670 に答える
-1

設定することで、要素をマウスイベントに対して透過的にすることができます（クリックすると通過します）

pointer-events: none;
于 2012-12-24T15:48:06.637 に答える