div+css布局必须要知道的css条件注释理论及实践第1/2页
湿疣图片,人鱼公主床奴妃,欧锦赛655365点com
浏览器的条件注释理论,用下面一段例子来解释这个问题
(x)html
下面一段代码是测试在微软的ie浏览器下的条件注释语句的效果
<!--[if ie]>
<h1>您正在使用ie浏览器</h1>
<![endif]-->
<!--[if ie 5]>
<h1>版本 5</h1>
<![endif]-->
<!--[if ie 5.0]>
<h1>版本 5.0</h1>
<![endif]-->
<!--[if ie 5.5]>
<h1>版本 5.5</h1>
<![endif]-->
<!--[if ie 6]>
<h1>版本 6</h1>
<![endif]-->
<!--[if ie 7]>
<h1>版本 7</h1>
<![endif]-->
下面的代码是在非ie浏览器下运行的条件注释
<!--[if !ie]><!-->
<h1>您使用不是 internet explorer</h1>
<!--<![endif]-->
最终在非ie和特殊的ie浏览器下起作用
(或者使用 lte lt 或者 gt gte来判断,如:
<!--[if lte ie 6]>
在ie 6下显示的信息
<![endif]-->
).
<!--[if ie 6]><!-->
<h1>您正在使用internet explorer version 6<br />
或者 一个非ie 浏览器</h1>
<!--<![endif]-->
from:
上面提到了条件注释,就是判断浏览器类型,然后定义什么浏览器下显示什么内容。
这个dropmenu(下拉菜单)模型来自,使经过作者多次的研究和反复的测试才做出来的。我想那这个模型来实践一下条件注释的原理。
先看一个
1
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性:background-clip ,background-origin , background-size,本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
网友评论