Mozilla 中的 CSS 选项卡问题答案

【问题标题】：CSS Tab issue in MozillaMozilla 中的 CSS 选项卡问题
【发布时间】：2011-04-24 14:45:18
【问题描述】：

我试图弄清楚为什么我的标签在基于 webkit 的浏览器甚至 IE7+ 中看起来不错。出于某种原因，它们在 Mozilla 中看起来很不稳定。谁能给我一些提示来解决这个问题？

这是css：

        <style type="text/css">


        ul#activity-tabs {
            text-align: right;
            border-bottom: 1px solid #cccccc; 
            list-style-type: none;
            padding: 3px 10px 3px 10px; 
        }

        ul#activity-tabs li { 
                       display: inline;
        }

        ul#activity-tabs li.tab1 {
                  background-color: #fff; 
        }

        ul#activity-tabs li.tab1 a { 
                    padding: 3px 4px; 
                    border: 1px solid #cccccc; 
                    background-color: #fff;
                    color: #333333; 
                    position: relative;
                    top: 1px;
                    margin-right: 0px; 
                    text-decoration: none;
                    border-bottom: none;
                    padding-top: 4px; 
        }

        ul#activity-tabs li.tab1 a:hover { 
                          background: #fff; 
        }

        ul#activity-tabs li.tab2 { 
                  background-color: #fff; 
        }

        ul#activity-tabs li.tab2 a { 
                    padding: 3px 4px; 
                    background-color: #fff; 
                    color: #333333; 

                    margin-right: 0px; 
                    text-decoration: none;
                    border-bottom: none;
                    padding-top: 4px; 
        }

        ul#activity-tabs li.tab2 a:hover { 
                          padding: 3px;
                          border-top: 1px solid #cccccc; 
                          border-left: 1px solid #cccccc; 
                          border-right: 1px solid #cccccc; 
        }

    </style>

html:

    <ul id="activity-tabs">
    <li class="tab1"><a href="">Tab 1</a></li>
    <li class="tab2"><a href="">Tab 2</a></li>
</ul>

任何帮助将不胜感激。谢谢！

【问题讨论】：

他们在 Firefox 中看起来不错
它们在我看来还不错；我看到的唯一问题是</html> 之后出现的类似垃圾脚本的内容，并且也出现在 Safari 中。

标签： html css firefox tabs mozilla

【解决方案1】：

这就是它们在我的 Firefox 3.6.10 中的外观

【讨论】：