IE6 下li.a設置爲塊元素問題解決方法

<ul>
<li><a href=”#”>test1</a></li>
<li><a href=”#”>test2</a></li>
</ul>

在製作列表菜單的時候,我們不得不設置a元素爲display: block,這樣在IE6下,就會發現LI的margin(邊界)會無緣無故多出幾個像素,即使設置margin爲0px也無法解決,這裏給出兩種解決方法;
第一種:爲li設置border(邊框)
如:border: 1px solid #999999;
第二種:爲li設置height(高度)
如:height: 28px;

以上兩種方法只應付IE6 ,其實在IE7\IE8\FF2\FF3都已經沒有此BUG問題出現了;
發佈了31 篇原創文章 · 獲贊 4 · 訪問量 1663
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章