无聊时浏览网站却发现这么个好东西,顺手摘了下来,内容如下:
一 CSS HACK
1, !important 随着IE7对!important的支持,!important 方法现在只针对IE6的HACK。(注意写法:记得该声明位置需要提前)
2, IE6/IE77对FireFox
注意:*+html 对IE7的HACK 必须保证HTML顶部有如下声明:
二 万能float闭合(非常重要!)
将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽。
三 其他兼容技巧(再次啰嗦)
1,FF下给div设置padding后会导致width和height增加, 但IE不会。(可用!important解决)
2,居中问题:
1) 垂直居中:将line-height设置为当前div相同的高度,再通过vertical-align:middle。( 注意内容不要换行)
2) 水平居中:margin: 0 auto;(当然不是万能)
3,若需给a标签内内容加上样式,需要设置display: block;(常见于导航标签)
4,FF和IE对BOX理解的差异导致相差2px的还有设为float的div在IE下margin加倍等问题。
5,ul标签在FF下面默认有list-style和padding。最好事先声明,以避免不必要的麻烦。(常见于导航标签和内容列表)
6,作为外部wrapper的div不要定死高度,最好还加上overflow:hidden;以达到高度自适应。
7,关于手形光标:cursor:pointer;而hand只适用于IE。
PHPLAMP博客是专注于网站建设,搜索引擎研究,网站推广,网站优化的IT博客。