Question

我对IE 7中的FB Like按钮集成有一个奇怪的问题。一张图片胜过千言万语：http://i56.tinypic.com/140ajv9.png。

正如您所看到的，FB按钮在打开时会重叠下拉菜单，因此我认为它具有z-index CSS属性。

有没有人遇到类似的东西，当然，有人可以给我一些解决这个问题的建议吗？

提前致谢。

Answer 1

它是一个z索引问题。 Facebook按钮在按钮上放置了z索引1000。所以要修复它，将你自己的z索引添加到你自己的div并给它一个大于1000的z索引。这将解决问题

Answer 2

您是否尝试过在元素上放置z-index？结果是什么？另外，尝试添加position：relative;如果你没有得到你想要的结果，也可以。

Answer 3

I had same problems with my menu, on hover it was showing the menu 
and overlaped my FB like button.
My solution was this:

<pre>
<!--[if IE 7]> 
    <script type="text/javascript">
        $(function() {            
            $('ul.menu-list li.dir').hover(function() {  
                $('div.fb-like').css("z-index", -1);
            },
            function()
            {            
                $('div.fb-like').css("z-index", 0);
            });
         });    
    </script>
    <![endif]-->
</pre>

Add this on the page where the FB like button is.

IE中的FB Like按钮问题

3 个答案: