DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 技術分享 在IE6下調試CSS方法揭秘(3)
技術分享 在IE6下調試CSS方法揭秘(3)
編輯:CSS詳解      日期:2016/12/30 17:07:25

尋找解決方案

IE6是頭“烈馬”,它會按照自己的規則去渲染CSS。當找到對應的元素後,下面有些經驗式的解決方案可以參考一下:

  1. #sidebar.sub-item.sub-subitem{
  2. /*trysettingthisifit’snotalreadyset-itsometimesworkswonders*/
  3. position:relative;
  4. /*display:inlineoftenfixesthedoublemarginfloatbugand*/
  5. display:inline;
  6. /*Sometimesthisjustfixesproblems-noideawhy*/
  7. display:inline-block;
  8. /*margincanbeakillersotakeitoffcompletelyseeiftheproblemgoesaway*/
  9. margin:0;
  10. /*sameasmargin*/
  11. padding:0;
  12. /*SometimesIE6hatesbackgroundcoloursnotbeingdeclared*/
  13. background-color:transparent;
  14. /*cansometimesstopcolumnstoowidefrombreakingalayout*/
  15. overflow:hidden;
  16. /*SometimesforceshasLayoutandfixesthings*/
  17. zoom:1;
  18. }

我經常會碰到改變它的margin和display就能解決問題。然後我會使用Google搜索網上是否有相應的Bug記錄。

解決問題

當我找到解決該問題的辦法以後,通常我會將其放到名為ie6.css文件中,然後只讓IE6載入該CSS。當然,要確定該樣式會覆蓋原先定義的樣式。

譯注:當然也可以使用CSSHacks,但不推薦這樣做,原因之一是要“保持CSS簡單”。

本文出自:http://www.gracecode.com/Archive/Display/2523

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved