建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

IE的有条件注释优点和缺点(3)

时间:2009-03-26 18:51来源:JustinYoung's Blog 作者:dushizhuma 点击:
只有低于特定版本的才能识别 !--[if lt IE 7] style type=text/css @import test.css; /style ![endif]-- 等于或者低于特定版本的才能识别 !--[if lte IE 7] style type=text/css @import test.css; /style ![endif

只有低于特定版本的才能识别

<!--[if lt IE 7]>
<style type="text/css">
    @import "test.css";
</style>
<![endif]-->

等于或者低于特定版本的才能识别

<!--[if lte IE 7]>
<style type="text/css">
    @import "test.css";
</style>
<![endif]-->

关键词解释

上面那些代码好像很难记的样子,其实只要稍微解释一下关键字就很容易记住了。

  • lt :就是Less than的简写,也就是小于的意思。
  • lte :就是Less than or equal to的简写,也就是小于或等于的意思。
  • gt :就是Greater than的简写,也就是大于的意思。
  • gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
  • !:就是不等于的意思,跟javascript里的不等于判断符相同。

这样解释一下,是不是好记多了。

关于IE条件注释的特别说明

只有IE才能识别哦——
曾经看到过下面的代码,现在想起来不禁有点想笑。这样的代码有什么意义吗?

<!--[if !IE]>
<style type="text/css">
    @import "test.css";
</style>
<![endif]-->

不仅仅是CSS哦

很长时间,我对这个都有一种误解——以为它就是用来根据浏览器不同载入不同css,从而解决样式兼容性问题的。其实,我错了。它其实可以做的更多。它可以保护任何代码块——HTML代码块、JavaScript代码块、服务器端代码……看看下面的代码。

<!--[if IE]>
你使用的是IE浏览器,还会弹出个框哦。
<script type="text/javascript">
    alert("你使用的是IE浏览器!");
</script>
<![endif]-->

 

<!--[if IE]>
<style type="text/css">
    @import "test.css";
</style>
<![endif]-->

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片