2012年12月02日 20:12:17
在濟南網站制作中，網站的兼容性問題一直都很重要，由于目前瀏覽器的多樣化，很多瀏覽器的內核核心都有所不同，所以導致目前市場上運用個瀏覽器的用戶也各有所同。
就拿微軟的IE來說，每個版本的IE對代碼的識別都不同，從最早的IE6到如今的IE8都有不同的用戶在用。前幾年在中國的市場上，很多盜版的裝機XP系統光盤都是自帶的IE6瀏覽器，大部分的用戶也不會或者不懂怎么對瀏覽器升級，導致目前在中國的市場上，很多人的電腦上的IE瀏覽器還是IE6的核心。當然也有部分的用戶使用IE7、IE8、IE9、火狐、360瀏覽器（才用的核心是電腦上IE的核心）等等各式各樣的瀏覽器。
我們作為濟南網站建設公司，在制作網站的時候一定要考慮任何一個有可能瀏覽本網站的用戶，我們不能肯定所有的用戶都是使用的同樣的瀏覽器，所以我們在網站制作的時候就要對網站的兼容性做出兼容，保證任何一個訪問該網站的人，都可以清晰、正確的看到網站內容，不會出現布局錯亂甚至是出現JS錯誤等現象。
一、使高版本的瀏覽器核心轉換成低版本的核心。
在網頁的<head></head>標簽中加入代碼：<meta http-equiv="x-ua-compatible" content="ie=7" />，這樣IE8瀏覽器表現出來的樣式就和IE7是一樣的了。
注意：此方法只適合高版本往低版本轉換。也就是說你在使用ie瀏覽器的時候，如果加入了<meta http-equiv="x-ua-compatible" content="ie=8" />這樣的代碼是沒有效果的。我們在實際應用中，基本也不會使用此代碼，因為這樣會違背W3C的標準。
二、CSS瀏覽器兼容性技巧。
①、如果在CSS中使用了float語句，最好在css中加入display:inline;，這樣的目的是避免在IE6和IE7中浮動產生margin的雙倍間距。
②、如果是父級的css，并且有border邊框顯示，記得在CSS中加入overflow:hidden;，這樣的目的是讓父級元素避免無法包含子元素，導致子元素超出父級元素的border。
③、如果在IE6中，父級元素無法被子元素擴充，在CSS中加入zoom:1;，這樣的目的是觸發IE6的Haslayout屬性，使得父級元素可以被子元素擴充。
④、如果在IE中使用了ul li dl dt dd這樣的列表元素，列表中又存在span標簽，會導致span標簽換行，這時候我們需要在css中給span元素和<a>標簽分別設置一個寬度，然后在進行左浮動和右浮動。
⑤、如果在IE中使用line-height沒有效果的時候，我們要在CSS中加入當前DIV的heigt屬性，這樣在IE中line-height就能有作用了。
⑥、如果要使用空白的話，我們最好不要使用margin進行空間的間隔，最好的辦法是使用：.blank {clear: both;height: 8px;line-height: 8px;visibility: hidden;}這樣一段代碼，這段代碼可以很方便的達到網頁空間的目的，非常好用。
⑦、如果需要清楚浮動濟南網站建設建議你使用這段代碼：.clear {clear: both;height: 0;margin: 0;overflow: hidden;padding: 0;}這段代碼，這也是很好用的。
三、瀏覽器的hack語法。
我們在寫CSS的時候， 有時會遇到CSS的hack的語法，最常見的寫法是：
①、如果只需要對IE6使用css的hack的話，可以在CSS屬性前面加一個_下劃線符號，如：height:10px;_height:20px;，這樣寫的話，瀏覽器解析出來就是除了IE6外的所有瀏覽器都是10px，IE6為20px；
②、只對IE6、IE7瀏覽器寫CSS的hack使用“*”，如：height:10px;*height:20px;，這樣寫的話就是除了IE6/7瀏覽器，別的瀏覽器解析出來都是10px；
③、兼容全部瀏覽器的hack寫法：
height:10px; //所有的瀏覽器
*height:20px; //IE瀏覽器
*height:30px !important; //IE7瀏覽器
height:40ox \9; //IE8瀏覽器
這樣寫是最全的方式，可以適合任何瀏覽器。
我們在書寫CSS的時候，最好能不用CSS的hack就不用，因為用這個是最后的辦法，這個方法大大增加了CSS的大小，還有不會符合W3C的標準。
濟南網站制作中，網頁瀏覽器兼容的方法常見的就是上面這些，但是就像我們說的，以上的這些方法，除了我們寫的第二大條，第一條和第三條能不用最好不要使用，因為如果網站不兼容了，我們首先要查找是不是CSS出現了一些問題，而不是一旦看到頁面不兼容了，就要去用CSS的hack方法去對不同瀏覽器寫CSS，這樣是非常不正確的。我們要在保證瀏覽器的兼容的基礎上，也要遵循W3C的標準，從而是的網站制作出來更加符合各大瀏覽器的標準，加載速度更快！本文由濟南網站建設公司-濟南騰飛網絡發布，轉載請注明：http://m.0531soso.com
服務宗旨：客戶至上、服務保證、信用保證、售后保證、價格保證。
在濟南找濟南網站建設公司就選擇我們，我們用服務保證你選擇的沒有錯誤。
公司地址：山東省濟南市東關大街中泰大廈
Copyright?2020-2030 www.62net.cn
濟南網站設計我們值得信賴.