分享、学习、提高
2007/01/23 20:47
1.星号HTML
HTML元素是网页上的根元素,但IE7以下的版本有一个匿名的根元素,因此需要用* html来指定。

a:hover{border:1px dotted black;}
* html a:hover{border-style:solid;}

2.IE/Mac注释反斜线
IE5错误地允许在注释内部进行转义,其它浏览器都会这个转义,并且应用后面的规则。但是,IE5/Mac会认为注释仍然没有结束,因些会把下一个结束注释字符串前的所有字符忽略。

/* Hiding from IE5/Mac \*/
#nav a{width:6em;}
/* End Hack */

3.结合了星号HTML和注释反斜线方法,称之为Holly(发明人:Holly Bergevin)。
通过这两个规则,就可以对IE6和更低版本应用规则:

/* Hiding from IE5/Mac \*/

* html{height:1px;}

/* End Hack */

可参考站:http://www.positioniseverything.net

4.!important和下划线方法

#nav{position: fixed !important;
position: static;
}
IE4-6会忽略第一个声明并且应用第二个,其它浏览器则应用第一个声明,因为它使用了!important关键字,这提高了此规则在层叠中的优先级。

下划线方法与!important相似,IE6及更低版本会忽略下划线,因此应用第二个声明。
#nav{position: fixed;
_position: static;
}



阅读《CSS Mastery:Advanced Web Standards Solutions》,中文名《精通CSS-高级Web标准解决方案》中,以上是阅读笔记,加以自己的理解和说明,只记录偶觉得重要、容易遗忘及原先不知道的知识。
发表评论
表情
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码   游客无需密码
网址   电邮   [注册]