網(wǎng)頁制作中完美解決IE兼容模式問題

2024-04-15    分類: 網(wǎng)站建設(shè)

IE瀏覽器從IE8開始添加了兼容模式,開啟后會以低版本的IE進(jìn)行渲染。兼容模式有可能會導(dǎo)致網(wǎng)頁顯示出問題,于是我們通常在HTML中添加下列代碼來使 IE 使用固定的渲染模式:

復(fù)制代碼 代碼如下:

<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--> <metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->

還 有一種情況,在IE8下只有不使用兼容模式頁面才能顯示正常,但是如果設(shè)定為IE8的模式,在IE9中卻會導(dǎo)致CSS3失效??磥?,需要針對 IE8、IE9 分別 禁用兼容模式。怎么辦呢?可以在后臺判斷瀏覽器版本,如果是IE8就輸出content="IE=8",如果是IE9就輸出 content="IE=9"。其實還可以單純通過HTML來實現(xiàn)的,HTML代碼如下:

復(fù)制代碼 代碼如下:

<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">

經(jīng)測試后完美解決了兼容模式問題,這樣設(shè)置后IE中設(shè)置兼容模式的按鈕也會消失,可以按F12打開“開發(fā)人員工具”來檢查瀏覽器模式。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司!

網(wǎng)站標(biāo)題:網(wǎng)頁制作中完美解決IE兼容模式問題
網(wǎng)站鏈接:http://www.bm7419.com/news18/323718.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站維護(hù)關(guān)鍵詞優(yōu)化、動態(tài)網(wǎng)站、建站公司做網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營