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

2022-04-15 0 765

浏览器的条件注释理论,用下面一段例子来解释这个问题

(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,使经过作者多次的研究和反复的测试才做出来的。我想那这个模型来实践一下条件注释的原理。

先看一个最简单的模型


12下一页阅读全文

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML div+css布局必须要知道的css条件注释理论及实践第1/2页 https://www.niceym.com/16725.html