Question

I want to keep a div on another div, which is linked to any site.

here is my 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;
}

here is html

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

Is this possible to keep “Over” div on top and link should be on ?

Answer 1

This is an awesome post:
Click through a DIV to underlying elements

Adding this css to your .over should do it:

pointer-events:none;

plus for IE:

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

You could get something like this then:
http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html

All credits go to this guy’s post of course.