2011-04-24 104 views
0

我想弄清楚爲什麼我的標籤在基於webkit的瀏覽器,甚至IE7 +中看起來不錯。出於某種原因,它們在Mozilla中看起來很詭異。任何人都可以給我一些技巧來解決這個問題?Mozilla中的CSS標籤問題

下面是一個例子:http://jsbin.com/icomo4

這裏是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> 

任何幫助,將不勝感激。謝謝!

+1

他們看起來OK,我在Firefox – marcosfromero 2011-04-24 05:33:01

+0

他們看起來OK我;我看到的唯一問題是''後面的垃圾腳本類似的東西,並且也在Safari中顯示。也在Firefox 4中使用 – 2011-04-24 13:43:19

回答

1

這就是他們看在我的Firefox 3.6.10

+0

。 – 2011-04-24 06:51:23