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>
任何幫助,將不勝感激。謝謝!
他們看起來OK,我在Firefox – marcosfromero 2011-04-24 05:33:01
他們看起來OK我;我看到的唯一問題是'