CSS的相容性

來源:互聯網
上載者:User

標籤:左右   div   import   splay   strong   add   cli   asc   存在   

水平置中問題
IE下只要設定body{text-align:center;}這樣就可以置中顯示。
Firefox需要設定為:body:{text-align:center;margin:0px auto;}
寬度問題
若給div一個 width:300px;padding:10px;
Firefox實際寬度320px,要算上左右的padding;支援!important,IE忽略IE6實際寬300px,padding是300px裡面的,把content往裡面擠;

頁面的最小寬度
IE不認得min-,而它實際上把 width當做最小寬度來使。為了讓這一命令在IE上也能用,
可以把一個<div> 放到 <body> 標籤下,然後為div指定一個類,然後CSS這樣設計:
#container{
  min-width: 600px;
  width:expression(document.body.clientWidth < 600? "600px": "auto" );

第一個min-width是正常的;
但第2行的width使用了Javascript,這隻有IE才認得,這也會讓你的HTML文檔不太正規。
它實際上通過Javascript的判斷來實現最小寬度。
在mozilla firefox和IE中的BOX模型解釋不一致導致相差2px
div{margin:30px!important;margin:28px;} 
CSS透明問題 
 IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。  FF:opacity:0.6。(Firefox)  [注] 最好兩個都寫,並將opacity屬性放在下面。
圓角問題
IE:ie7以下版本不支援圓角。 
FF: -moz-border-radius:4px(Firefox)
IE的雙邊距bug 
設定為float的div在ie下設定的margin會加倍。這是一個ie6都存在的bug。
解決方案:在這個div裡面加上display:inline;

CSS的相容性

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.