DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 解決IE6、IE7、IE8樣式不兼容問題(1)
解決IE6、IE7、IE8樣式不兼容問題(1)
編輯:CSS詳解     

這裡和大家探討一下解決IE6、IE7、IE8 DIV錯位問題,如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,非常方便。

IE6裡DIV錯位的問題

采用”FLOAT:LEFT“的DIV在IE8、IE7、都沒問題,IE6下卻向下移動,出現空白。這是因為,IE6采用的內核默認把DIV之間的距離增加了3~5個PX,所以,試試是將下移的DIV的STYLE裡增加"margin-left:-5px;"或者更小。

解決IE7、IE8樣式不兼容問題

◆方法一、要在頁面中加入如下HTTPmeta-tag:

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>

只要IE8一讀到這個標簽,它就會自動啟動IE7兼容模式,保證頁面完整展示。

◆方法二、針對整個網站,在IIS中加入如下描述符就可以有相同的效果,當然這麼做范圍更廣。

  1. <configuration>
  2. <system.webServer>
  3. <httpProtocol>
  4. <customHeaders>
  5. <addnameaddname="X-UA-Compatible"value="IE=EmulateIE7">
  6. customHeaders>
  7. httpProtocol>
  8. system.webServer>
  9. configuration>

解決IE6、IE7、IE8樣式不兼容問題

現在我們在做網頁的時刻總是要考慮一些浏覽器之間的兼容問題。近期在做一個短信平台的項目。在項目的開發過程中讓我遇到了一件頭痛的事情就是IE7與IE8不兼容。後面想了許多辦法得以解決。現共享如下:

如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,此代碼如下:

CODE:

  1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved