jquery - jqueryクリックがCSSの「位置：固定」プロパティで機能しない

Question

このプロパティを削除すると正常に動作しますが、なぜそうなのですか?

jquery関数は次のとおりです。

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

   window.alert("clicked");

})
});

HTMLコードは次のとおりです。

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

ここにCSSがあります：

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

Answer 1

これはおそらく jQuery の問題ではz-indexなく、jQuery の問題です。jQuery は、位置が何に設定されているかを気にしません。これと重なってクリックイベントをブロックする別の要素があると思われます。

Answer 2

クリック可能なアイテムを持つdivの相対的な位置にします。

position: relative;