保持链接div落后于普通div

Question

我想在另一个div上保留一个div，它与任何网站都有链接。

这是我的css

.link_div a {
    float:left;
    width:80px;
    height:20px;
    background:yellow;
}
.over {
    position:absolute;
    left:0;
    top:0;
    background:red;
    width:80px;
    height:20px;
}

这里是html

<div class="link_div"> <a href="#">HELLO</a> </div>
<div class="over"></div>

这是否可以将“Over”div保持在顶部并且链接应该打开？

Answer 1

这是一篇很棒的帖子： Click through a DIV to underlying elements

将此css添加到.over应该这样做：

pointer-events:none;

加上IE：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background:none !important;

你可以得到这样的东西： http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html

当然，所有积分都会转到this guy's post。