在css+div 中的css文件里面加入if语句的格式

html-css024

在css+div 中的css文件里面加入if语句的格式,第1张

// 条件-CSS 语法实例 [if IE] - 如果浏览器是 IE [if ! Opera] - 如果浏览器不是 Opera [if IE 5] - 如果浏览器是 IE 5 [if lte IE 6] - 如果浏览器是 IE 6 或者更低版本 (IE 5, IE 4 等) [if ! gt IE 6] - 和上面的声明等效, 如果浏览器版本不高于 IE 6 // 条件 CSS 盒模型例子 div.box { width: 400px [if IE 5] width: 600px padding: 0 100px } 条件 CSS 可以只维护一个 CSS 文件，而不是好几个需要用到 IE 的条件注释的文件。这有助于流线型维护，也使得代码更加清晰。

改成下列代码，即可：

response.Write('<div style="background:greenborder-radius:5pxborder:solid 1px red">'+jiaoxue.Fields.Item("phone").Value+'</div>')

因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的

可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）

 /*判断浏览器的版本*/

<!––[if IE]> 

<h1>您正在使用IE浏览器</h1> <!––[if IE 5]> 

<h2>版本 5</h2> <![endif]––> 

<!––[if IE 5.0]> 

<h2>版本 5.0</h2> <![endif]––> 

<!––[if IE 5.5]> 

<h2>版本 5.5</h2> <![endif]––> 

<!––[if IE 6]> 

<h2>版本 6</h2> <![endif]––> 

<!––[if IE 7]> 

<h2>版本 7</h2> <![endif]––> 

<![endif]––>

那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!–[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!–[if ls IE 5]>根本不会被执行。

 

< !–- 默认先调用css.css样式表 –-> 

<link rel="stylesheet" type="text/css" href="css.css" />< !-–[if IE 7]> 

<!–- 如果IE浏览器版是7,调用ie7.css样式表- –> 

<link rel="stylesheet" type="text/css" href="ie7.css" />< ![endif]–-> 

<!–-[if lte IE 6]> 

<!–- 如果IE浏览器版本小于等于6,调用ie.css样式表 -–> 

<link rel="stylesheet" type="text/css" href="ie.css" />< ![endif]–>