jquery click not working with css 'position :fixed' property

Question

When i am removing this property it is working fine, why is that so?

Here is the jquery function:

 $(document).ready(function(){
 $('#flogo').click(function(){

   window.alert("clicked");

})
});

Here is Html code:

<div id="fblike" class="fixedlogo"><img src="images/likelogo.png" id="flogo" />    </div>

Here is css:

 .fixedlogo
{
position: fixed; //If i remove this line then jquery is working.
height:50px;
margin-top: -20px;
}

Answer 1

This is likely an issue with z-index and not jQuery. jQuery wouldn't care what the position is set to. I suspect there is another element overlapping this one and blocking the click event.

Answer 2

Make the position as relative for the div which have clickable items.

position: relative;