《精通CSS高级WEB标准解决方案》第八章:招数和过滤器

来源:互联网 发布:社交网络的弊端 编辑:程序博客网 时间:2024/06/05 20:12

我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。

招数和过滤器
IE的有条件注释:仅用这一项,就可以解决IE的兼容问题,至于其它浏览器的不同版本,我们完全可以忽略不计。[code]
/*有条件注释仅在IE中支持且IE5以后的所有版本均支持*/
<!--[if IE]
<style type='text/css'>
@import("ie.css");
</style>
-->
/*指定IE版本*/
<!--[if IE 5]
<style type='text/css'>
@import("ie50.css");
</style>
-->
/*指定IE5.5和更高版本*/
<!--[if gte IE 5.5]
<style type='text/css'>
@import("ie55up.css");
</style>
-->
/*指定IE5.5和更低版本*/
<!--[if lt IE 6]
<style type='text/css'>
@import("ie.css");
</style>
-->
[/code]子选择器、属性选择器和* HTML招数招数:[code]
/*由于IE6还不支持子选择器和属性选择器,所以可以通过它们让设定在IE6中无效*/
html>body{
    background-image:url(bg.png);
}
div[id='content']{
    background-image:url(bg.png);
}
/*星号HTML将设定限于IE6以下选择器,但我的电脑上没有装IE6,在IE test下该招数无效*/
* html{
    font-size:small;
}
[/code]!important和下划线招数:[code]
#nav{
   position: fixed !important;
   position: static;
}
#nav{
   position:fixed;
   _position:static;
}
[/code]