網頁制作中完美解決IE兼容模式問題
2024-04-15 分類： 網站建設
IE瀏覽器從IE8開始添加了兼容模式，開啟后會以低版本的IE進行渲染。兼容模式有可能會導致網頁顯示出問題，于是我們通常在HTML中添加下列代碼來使 IE 使用固定的渲染模式：
復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--> <metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->
還 有一種情況，在IE8下只有不使用兼容模式頁面才能顯示正常，但是如果設定為IE8的模式，在IE9中卻會導致CSS3失效。看來，需要針對 IE8、IE9 分別 禁用兼容模式。怎么辦呢？可以在后臺判斷瀏覽器版本，如果是IE8就輸出content="IE=8"，如果是IE9就輸出 content="IE=9"。其實還可以單純通過HTML來實現的，HTML代碼如下：
復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">
經測試后完美解決了兼容模式問題，這樣設置后IE中設置兼容模式的按鈕也會消失，可以按F12打開“開發人員工具”來檢查瀏覽器模式。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--> <metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->
還 有一種情況，在IE8下只有不使用兼容模式頁面才能顯示正常，但是如果設定為IE8的模式，在IE9中卻會導致CSS3失效。看來，需要針對 IE8、IE9 分別 禁用兼容模式。怎么辦呢？可以在后臺判斷瀏覽器版本，如果是IE8就輸出content="IE=8"，如果是IE9就輸出 content="IE=9"。其實還可以單純通過HTML來實現的，HTML代碼如下：
復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">
經測試后完美解決了兼容模式問題，這樣設置后IE中設置兼容模式的按鈕也會消失，可以按F12打開“開發人員工具”來檢查瀏覽器模式。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
網站標題：網頁制作中完美解決IE兼容模式問題
網站鏈接：http://www.js-pz168.com/news18/323718.html
成都網站建設公司_創新互聯，為您提供小程序開發、網站維護、關鍵詞優化、動態網站、建站公司、做網站
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 服務器安全服務-未來數據中心將更多地依賴生物識別安全 2024-04-15
- 成都seo優化公司優惠大酬賓只等你來 2024-04-15
- 如何提升企業網站建設特色的幾個設計技巧 2024-04-15
- 關于傳統企業涉足電商的盈利策略定位思考 2024-04-15
- 香港VPS主機防火墻的設置分享 2024-04-15
- 關于網上開店的廣告宣傳 2024-04-15
- 如何管理好一個論壇 2024-04-15
- 網站被黑要怎么辦？ 2024-04-15
- 春意盎然般得400電話,您辦理了嗎？ 2024-04-15
- div+css實現圓角邊框 2024-04-15
- 網站建設中如何才能做好企業網站設計的幾個技巧 2024-04-15
- 常見網站優化問答解答集錦 2024-04-15
- 原生APP、小程序、H5的優勢與劣勢分析？ 2024-04-15
- 提升網站排名是網站制作的關鍵所在 2024-04-15
- 這些seo優化指南一般人我不告訴他 2024-04-15
- 網站制作作用是什么 2024-04-15
- 企業網站的title設置規范介紹和注意事項(企業網站的作用) 2024-04-15
- 在網站建設中如何做好優化網站的幾個實用技巧 2024-04-15
- 評價FDC作為美國服務器租用提供商的優勢和服務 2024-04-15