前幾天朋友一直在搞這個列表的樣式與相容問題,有序列表可能是初學者最煩的問題,做出來總是不哪麼順心,今天我這裡發乙個我的寫法,以下這些在firefox ie7 ie6這三種瀏覽器下都完美相容,沒有一點差距,可以看一下css的寫法.
重點是css裡面我標註紅色哪一段,其實就是display:block這個東西,只要應用好了,就很少出現相容性的問題.
還有一點很重要,ff的ul與ie下的ul的margin值是不同的,所以,如果你不給ul設定margin的值的話,哪兩個瀏覽器就會有出入,所以最好的辦法就是給ul的margin寫上值就沒有問題了.
html**:
<
div
class="
item
">
<
ul>
<
li><
a href="
#">
iphone將能與微軟exchange server互聯
a>
li>
<
li><
a href="
#">
全美各**測試報告傾巢出動
a>
li>
<
li><
a href="
#">
非美國公民無緣iphone
a>
li>
<
li><
a href="
#">
討論:報紙還能活多久
a>
li>
<
li><
a href="
#">
[圖]江民kv系列26日公升級後出現系統崩潰問題
a>
li>
<
li><
a href="
#">
iphone將能與微軟exchange server互聯
a>
li>
<
li><
a href="
#">
iphone將能與微軟exchange server互聯
a>
li>
<
li><
a href="
#">
iphone將能與微軟exchange server互聯
a>
li>
<
li><
a href="
#">
iphone將能與微軟exchange server互聯
a>
li>
ul>
div>
css**:
body
.item
.item ul
.item ul li
.item ul li a:link,.item ul li a:visited
.item ul li a:actived
.item ul li a:hover
css 相容IE和FF的寫法
ie和火狐的css相容性問題歸總 css對瀏覽器器的相容性具有很高的價值，通常情況下ie和firefox存在很大的解析差異，這裡介紹一下相容要點。1 doctype 影響 css 處理 2 ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3...
相容IE6 IE7 IE8 FF的CSS寫法
注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 非常重要 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加...
CSS完美相容IE6 IE7 FF的通用方法《三》
為什麼ie6下容器的寬度和ff解釋不同呢 讓firefox與ie相容 問題的差別在於容器的整體寬度有沒有將邊框 border 的寬度算在其內,這裡ie6解釋為200px 而ff則解釋為220px,那究竟是怎麼導致的問題呢？大家把容器頂部的xml去掉就會發現原來問題出在這,頂部的申明觸發了ie的qur...