DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> IE6-9版本浏覽器css hack的if 語句操作代碼
IE6-9版本浏覽器css hack的if 語句操作代碼
編輯:CSS特效代碼     

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有不同效果 (參加其它參數同理)

  • <!–[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>

 

div+css實例二:說明:以上針對不同ie顯示不同網頁內容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 class="divcss">
div css實驗提示:<br>
我在ie6下是紅顏色,在ie7下是黃顏色,在ie8下是藍顏色,在ie9下是黑色
</div>
</body>
</html>

說明:以上實驗僅實驗ie6-ie9下if hack。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved