IE瀏覽器Css if hack條件語法操作說明

2020-03-24 17:12:01

字體：大中小

來源：轉載

供稿：網友

1、Css if hack條件語法
!--[if IE] Only IE ![endif]--
僅所有的WIN系統自帶IE可識別
!--[if IE 5.0] Only IE 5.0 ![endif]--
只有IE5.0可以識別
!--[if gt IE 5.0] Only IE 5.0+ ![endif]--
IE5.0包換IE5.5都可以識別
!--[if lt IE 6] Only IE 6- ![endif]--
僅IE6可識別
!--[if gte IE 6] Only IE 6/+ ![endif]--
IE6以及IE6以下的IE5.x都可識別 !--[if lte IE 7] Only IE 7/- ![endif]--
僅IE7可識別
!--[if gte IE 7] Only IE 7/+ ![endif]--
IE7以及IE7以下的IE6、IE5.x都可識別 !--[if IE 8] Only IE 8/- ![endif]--
僅IE8可識別 !--[if IE 9] Only IE 9/- ![endif]--
僅IE9可識別注：在 if 后加 lt gte有不同效果（參加其它參數同理） ! ndash;[if IE 8] = IE8 僅IE8可識別
!–[if lt IE 8] = IE7或更低版本
!–[if gte IE 8] = 高于或者等于IE8版本 2、DIV+CSS實例
CSS實例一：
讓IE6-IE8顯示不同的內容，DIV CSS代碼如下：
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title DIV IF條件實例 /title
/head
body
你正在使用：
!--[if IE 7]
h2 IE7 /h2
![endif]--
!--[if IE 6]
h2 IE6 /h2
![endif]--
!--[if IE 8]
h2 IE8 /h2
![endif]-- !--[if IE 9]
h2 IE9 /h2
![endif]--
br br
strong 說明 /strong ：如果你的瀏覽器版本為多少即會顯示IE多少，針對IE6-IE9實驗 /body
/html 說明：以上針對不同IE顯示不同網頁內容DIV+CSS實例實驗。DIV+CSS實例二：
讓IE6-IE8顯示不同CSS樣式效果，DIV CSS代碼如下：
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title CSS IF條件hack實例 /title
!--[if IE 6]
style type="text/css"
.divcss{ color:#F00;}
/style
![endif]--
!--[if IE 7]
style type="text/css"
.divcss{ color:#FF0;}
/style
![endif]--
!--[if IE 8]
style type="text/css"
.divcss{ color:#00F;}
/style
![endif]-- !--[if IE 9]
style type="text/css"
.divcss{ color:#000;}
/style
![endif]--
/head
body
div
DIV CSS實驗提示： br
我在IE6下是紅顏色，在IE7下是黃顏色,在IE8下是藍顏色,在IE9下是黑色
/div
/body
/html 說明：以上實驗僅實驗IE6-IE9下if HACK
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：使用DIV+CSS后，表格Table還有用嗎？

下一篇：CSS實用教程（二）