广州明生堂生物科技有限公司


div+css布局必须要知道的css条件注释理论及实践第1/2页

网络编程 div+css布局必须要知道的css条件注释理论及实践第1/2页 06-21
浏览器的条件注释理论,用下面一段例子来解释这个问题
(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:http://www.cssplay.co.uk/menu/conditional.html
预览模型
上面提到了条件注释,就是判断浏览器类型,然后定义什么浏览器下显示什么内容。
这个dropmenu(下拉菜单)模型来自cssplay,使经过作者多次的研究和反复的测试才做出来的。我想那这个模型来实践一下条件注释的原理。
先看一个最简单的模型

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!下面代码有点多!但做出来你肯定喜欢!用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!我不想废话了,开

解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
转自蓝色理想作者bias原文地址http://www.blueidea.com/tech/site/2006/3296.asp之前找了几个不同版本的可独立运行的IE浏览器,正好拿来试试页面的兼容性问题。不

超赞的随机颜色搭配工具
点激SPIN随机生成一组颜色Flash动画在线播放


编辑:广州明生堂生物科技有限公司

标签:浏览器,注释,版本,条件,幻灯片