Question

我的问题是我有一个z-index 100的菜单栏，以及z-index 1000的那个栏的两个元素（对不起，在代码中，z-index实际上是更高的数字但是因素不同10 ...我意识到这是不好的做法，但我还没有改变它，因为有几件连接）。在Firefox中，推文按钮和Facebook按钮始终显示在菜单栏下方。它适用于所有其他浏览器。实例是我的Los Angeles Food Truck Map。以下是一些相关代码：

        #tweet_button{
            position:relative;
            left:6px;
            bottom:10px;
            z-index:100000000;
            }
...

    <div id="smoothmenu1">

<b id="tweet_button"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="truxmap">Tweet </a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></b>
            <span id="facebook_buton" style="color:white;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fla.truxmap.com&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="position:relative; left:10px;top:4px;border:none; overflow:hidden; height:35px; color:white;width:90px;overflow:hidden;z-index:100000000;" allowTransparency="true"></iframe></span>
    </div>

值得注意的是，我正在使用GWT。我注意到有时候，推文按钮的框架上有一个叠加在它上面的谷歌广告意识广告......我不太清楚为什么会发生这种情况，但我认为这可能与解决方案有关。

非常感谢!!

Answer 1

<b>是内联元素，无法接收position或z-index，因此您需要声明display: block;或将<b>更改为{{} 1}}。我将其更改为Firebug中的div并且工作正常，您只需要使用<div>和top更改位置。

编辑：您已经拥有left和bottom，因此请调整以下内容：）

推文按钮和Facebook赞按钮出现在FF的菜单栏下方

1 个答案: