前端教程
當前位置:首頁 > 資訊 > 前端教程 >

網站建設前臺必學:IE兼容性問題

發布日期:2018-09-26 閱讀次數: 字體大?。?a href="javascript:;" onClick="ChangeFontSize('content',16)">大

我們大家會經常碰到這樣的問題,有的網站在IE6、IE8狀態下打開錯位,但是IE7打開就正常,這是什么問題呢 ?
 
關于CSS對IE的兼容問題一直是DIV+CSS的一個大問題,因為不通瀏覽器識別代碼產生的效果是不同的,所以造成了很多瀏覽器對相同的CSS,產生不同的效果,這樣就產生了網站的錯位,個人理解是這樣的。
 
關于瀏覽器兼容性的這種錯位,因為瀏覽器的種類越來越多,從IE5,6,7,8,FF,這些都是比較常用的瀏覽器,但是正因為各種瀏覽器的出現,為了更好的兼容各個版本的瀏覽器,我們就需要學習如何來處理IE的兼容問題。從而網絡上出現了很多所謂的HACK ,其實也就是針對各個瀏覽器的特點,來對各種瀏覽器的不同嗜好,產生的不同效果,實現的一種兼容各個版本瀏覽器的效果。
 
這個地方我們我們不是來講各種可見的HACK效果,這些大家,可以在百度上來一下,就能找到我們所要的結果。
 
因為IE從6開始為了適應各個版本,就自身有了一個兼容性,所以我們可以指定給網頁一個兼容特性;
比如 網頁在IE7下無錯位,但在IE6 和 IE8下有錯位,那么我們就可以指定當用戶使用IE6和IE8的時候直接指定給IE6 和 IE8采用IE7的兼容模式來實現網頁的不錯位。
 
但是這樣一來,網頁的兼容特性只是實現了,IE6,IE7,IE8的一個兼容,為了同時兼容FF,我們這個時候就需要使用HACK來達到兼容FF的效果。
 
這樣我們使用IE自身的特性和HACK之間的特性就達到了網頁的兼容效果,我認為這樣實現兼容效果是最簡單最方便的。這樣我們其實就是對一種IE和FF之間的HACK在起作用,相對的寫了很少的代碼,也很實用和方便。
 
兼容性的問題越來越重要了,特別是IE8的出現讓當時大半的網頁都出現錯位等現象,而解決的辦法,我們來看一個網上的例子:
“css兼容IE8
 
微軟在IE8提供三種解析頁面的模式:
IE8 Standard Modes :默認的最標準的模式,嚴格按照W3C相關規定  
IE7 Standards Modes :IE7現在用的解析網頁的模式,開起機關是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">  
Quirks Modes :IE5用的解析網頁的模式,開起機關是刪除HTML頂部的DOCTYPE聲明   
 
注意:不同模式間的網頁在IE8中可以互相 frame ,因此因不會模式下的DOM和CSS渲染不一樣,所以會引發很多問題,務必注意如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,此代碼如下:  
<meta http-equiv="x-ua-compatible" content="ie=7" />”
這個例子也就是我上面說到的,從IE6到IE8瀏覽器中自帶的兼容特性。
這樣在加上一些HACK這樣就使網頁達到了一個完全的兼容。

地區分站:北京 上海 天津 重慶 廣東 江蘇 山東 浙江 河南 四川 湖北 河北 湖南 福建 安徽 遼寧 陜西 內蒙古 江西 廣西 黑龍江 吉林 云南 山西 貴州 新疆 甘肅 海南 寧夏 青海 西藏 香港 澳門 臺灣
华东15选5彩票结果 北京福彩快3开奖结果 澳洲幸运10开奖结果体彩官网 十大股票交易平台 海南环岛赛直播 11选5任二一期一计划 股市趋势技术分析mobi 安徽福彩快三技巧 内蒙古快3跨度走势图 北京快三助手 期期公开一码两码中特