首页
/
每日頭條
/
科技
/
怎麼設置浏覽器ie兼容模式
怎麼設置浏覽器ie兼容模式
更新时间:2026-07-26 02:43:49

怎麼設置浏覽器ie兼容模式?注釋不同的浏覽器版本 (1)、支持所有的IE浏覽器(不包括IE10标準模式) ,現在小編就來說說關于怎麼設置浏覽器ie兼容模式?下面内容希望能幫助到你,我們來一起看看吧!

怎麼設置浏覽器ie兼容模式(用IE浏覽器條件注釋判斷浏覽器版本解決頁面兼容問題)1

怎麼設置浏覽器ie兼容模式

注釋不同的浏覽器版本

(1)、支持所有的IE浏覽器(不包括IE10标準模式)

<!--[if IE]>隻有IE6,7,8,9浏覽器顯示(IE10标準模式不支持)<![endif]-->

(2)、所有非IE浏覽器(不包括IE10标準模式)

<!--[if !IE]>隻有非IE浏覽器顯示(不包括IE10)<![endif]-->

(3)、IE10浏覽器

目前還沒有找到該版本浏覽器的像<!--[if IE 9]>似的單獨注釋,但IE10做得很不錯了,就單單布局而言,頁面在IE10、FireFox、Chrome上的表現已經沒有什麼區别了。

(4)、IE9浏覽器

<!--[if IE 9]>IE9浏覽器顯示<hr/><![endif]-->

(5)、IE8浏覽器

<!--[if IE 8]>IE8浏覽器顯示<hr/><![endif]-->

(6)、IE7浏覽器

<!--[if IE 7]>IE7浏覽器顯示<hr/><![endif]-->

(7)、IE6浏覽器

<!--[if IE 6]>IE6浏覽器顯示<hr/><![endif]-->

(8)、IE10以下版本浏覽器(不包括IE10)

<!--[if lt IE 10]>IE10以下版本浏覽器顯示(不包括IE10)<hr/><![endif]-->

(9)、IE9及IE9以下版本浏覽器(包括IE9)

<!--[if lte IE 9]>IE9及IE9以下版本浏覽器顯示(包括IE9)<hr/><![endif]-->

(10)、IE6以上版本浏覽器(不含IE6)

<!--[if gt IE 6]>IE6以上版本浏覽器顯示(不含IE6)<hr/><![endif]-->

(11)、IE7及IE7以上版本浏覽器

<!--[if gte IE 7]>IE7及IE7以上版本浏覽器顯示(包含IE7)<hr/><![endif]-->

我們不可能為了兼容像上面那麼寫,把整頁的内容分别寫在不同的注釋塊内。其實這裡有兩種方法:

方法1:根據不同的浏覽器版本,載入不同的css

如我們需要分别兼容IE6、7、8,我們可以這樣做

<!--[if IE 8]> <link rel="stylesheet" type="text/css" href="ie8.cdd"> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7.cdd"> <![endif]--> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.cdd"> <![endif]-->

方法2:根據不同的浏覽器版本,給html或body挂載不同的類如

<!--[if lt IE 7 ]><html class="ie6" lang="zh-cn"><![endif]--> <!--[if IE 7 ]><html class="ie7" lang="zh-cn"><![endif]--> <!--[if IE 8 ]><html class="ie8" lang="zh-cn"><![endif]--> <!--[if IE 9 ]><html class="ie9" lang="zh-cn"><![endif]-->

lt,lte,gt,gte 分别表示什麼意思:

lt:小于當前版本

lte:小于或等于當前版本,包括本身

gt:大于當前版本

gte:大于或等于當前版本,包括本身

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
如何在虛拟機裡安裝黑群晖(Windows中用VMWare安裝黑群晖)
如何在虛拟機裡安裝黑群晖(Windows中用VMWare安裝黑群晖)
  最近一時興起折騰起了NAS,場景是在Windows中用VMWare安裝黑群晖。别問我為什麼這麼做, 就是做了。在這過程中,遇到了很多問題, 現在把這些問題一一記下, 希望能幫到搜到這篇文章的人。 至于安裝過程,網上很多教程, 這裡就不再重複了。   先說一下我的配置, 我有五個硬盤,其中三個硬盤是舊點腦上拆下的舊盤,年代久遠, 大小也不一樣, 總共加起來...
2026-07-26
無線款锂電修枝剪(佳捷仕锂電修枝剪)
無線款锂電修枝剪(佳捷仕锂電修枝剪)
  佳捷仕锂電修枝剪。   佳捷仕j零七杠二零一級锂電修枝剪強勢來襲!标配兩塊動力锂電芯,智能開關工作無憂。鍍鉻合金刀頭,加長大号電機,精鋼淬火齒輪,一鍵開機。連按兩次激活機器,長按出現一聲提示音後松開切換刀頭大小口徑,長按出現三聲提示音後松開刀頭關閉。      電量顯示開關,超大扭矩,三十毫米粗枝輕松顫抖;澎湃動力,秒切秒斷,一剪多用不傷枝。      ...
2026-07-26
海康威視電梯監控配置完整教程(采用海康威視無線網橋的電梯監控)
海康威視電梯監控配置完整教程(采用海康威視無線網橋的電梯監控)
     在無線傳輸中,網橋的使用已經很普遍,給大家介紹海康威視各類網橋的安裝、配置以及常見問題,下面介紹一海康威視的電梯網橋。   網橋安裝指導   設備連線   電梯網橋出廠自帶POE電源,電源上的POE口使用網線連接到設備上的POE口即可給設備進行供電,機房端(接收端)POE電源LAN口(或設備上的LAN1/LAN2口)接入局域網交換機攝像機端(發送端...
2026-07-26
傳感器的原理及應用重點内容(一篇說透傳感器)
傳感器的原理及應用重點内容(一篇說透傳感器)
  什麼是傳感器?   物聯網工作流程從傳感器設備開始。你知道嗎?第一個傳感器是在19世紀發明的。就在最近随着物聯網的興起,傳感器的作用在不斷增加。   傳感器是一種監測和響應來自物理環境中某種輸入的設備。具體的輸入可能是光、熱、運動、水分、壓力,或者許多其他環境現象中的任何一種。輸出通常是在傳感器上直接轉換為人類可讀的信息,或通過網絡以電子方式傳輸以進行讀...
2026-07-26
智慧編程課程(偉度教育IT編程項目)
智慧編程課程(偉度教育IT編程項目)
  北京完美世界遊戲策劃制作項目   Beijing Perfect World Game Making Program      項目簡介   本項目将帶領學員走進完美世界,近距離接觸遊戲界的遊戲策劃大咖、完美世界端遊首席美術設計師及完美世界主程序員,并由各導師授課,講解遊戲中專業知識。學員不僅可以深入了解遊戲策劃的内容、在項目中學習遊戲開發軟件Unity...
2026-07-26
Copyright 2023-2026 - www.tftnews.com All Rights Reserved