做網(wǎng)站的時(shí)候煩惱的是IE不兼容,這也傷害了不知道多少的程序員。今天,推來客小編專門講解了如何解決網(wǎng)站的兼容性問題。尤其是用DIV ?CSS設(shè)計(jì)的網(wǎng)頁,你更要注意IE6 IE7 FF和CSS樣式的兼容性,不然你的網(wǎng)頁可能會很亂!我經(jīng)常被這些東西淹沒,于是在網(wǎng)上找了一些資料,結(jié)合自己這幾天的了解和經(jīng)歷,整理了一些資料,有些我還沒用過,還看不懂,就直接從外地粘上了。不知道有沒有錯(cuò)。以后用的時(shí)候慢慢改,希望對你有一點(diǎn)幫助!什么是瀏覽器兼容性?當(dāng)我們使用不同的瀏覽器(Firefox ?IE7 IE6)訪問同一個(gè)網(wǎng)站或頁面時(shí),會出現(xiàn)一些不兼容的問題。這個(gè)瀏覽器顯示正常,另一個(gè)會比較混亂。
寫CSS的時(shí)候我們會很煩。我們剛剛修復(fù)了這個(gè)瀏覽器的問題,但是另一個(gè)瀏覽器有了新的問題。重要(功能有限)用IE7!重要支持,重要的方法現(xiàn)在只是為了IE6兼容。(注意文筆。記住申報(bào)崗位需要提前。)比如: #比如{width: 100px!重要;/* IE7 FF ?*/width ?: 200 px;/* IE6 */}二、CSS ?HACK的方法(新手可以看看,高手要路過)。首先要知道的是:所有瀏覽器都是萬能height: 100px_height: 100px用于IE6IE7高度: 100 px;IE6和IE7共用* height: 100pxIE7和FF共享高度: 100px!重要;示例:#示例{ height:100px}/* FF ?*/* html ?#示例{ height:200px}/* IE6 */* html ?#示例{ height:300px} /* IE7 */下面的方法比較簡單,舉幾個(gè)例子:1。IE6-IE7FF ?#例{高度:100 px/* FF ?IE7 */_ height ?:200 px;/* IE6 */}其實(shí)上面提到的第一種方法也可以用#例{height:100px!重要;/* FF ?IE7 */height ?:200 px;/* IE6 */}2、IE6 IE7-FF ?#例{ height:100px/* FF ?*/* height ?:200 px;/* IE6 IE7 */}3、IE6 FF-IE7 #例{ height:100px/* IE6 FF ?*/* height ?:200 px;/* IE7 */}4。IE6 IE7 FF不同#例{ height:100px/* FF ?*/_ height ?:200 px;/* IE6 */* height ?:300 px;/* IE7 */}或:# example ?{ height:100px/* FF ?*/* height ?:300 px;/* IE7 */_ height ?:200 px;/* IE6 */}需要注意的是,代碼的順序一定不能顛倒,否則會浪費(fèi)掉之前所有的成果。因?yàn)闉g覽器在解釋程序時(shí),如果同名,就會用后一個(gè)覆蓋前一個(gè),就像給變量賦值原因一樣。所以我們把一般的放在前面,把比較特殊的放在后面解釋4的代碼:讀代碼的時(shí)候第一行是height:100px人人通用,IE6 IE7 FF顯示100px到第二行* height:300pxFF不知道這個(gè)屬性,IE6 IE7識別,所以FF也顯示100px,而IE6 IE7覆蓋了第一行得到的高度屬性,全部顯示300px到第三行_ height:200px只有IE6知道,所以IE6覆蓋了第二行得到的高度,顯示200px。這樣,所有三種瀏覽器都有自己的高度屬性,所以讓我們互相看看。如果你還是不明白,要么你碰壁,要么我走!但你還是去比較好。哦,差點(diǎn)忘了說:* HTML與IE7的兼容性必須保證HTML的頂部有如下語句:
文章來源:www.xdzsmall.com? ?
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!