栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程:认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
IE6、IE7、IE8、Firefox 都兼容的 CSS HACK 代码
www.jz123.cn 2010-01-04 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
我们的浏览器,有各种各样的 bug,这在前面的一篇文章里略有介绍。
在解决浏览器兼容性问题的时候,我们也有许多办法,但有时候尝试了各种各样的办法,仍然不能使页面的某些细微之处兼容每一个浏览器,因此,我们才使用 css hack 代码,解决那些顽固的浏览器兼容性问题——请注意:它只是为了解决真正的浏览器之间不兼容的现象,而不是帮助我们解决任何的页面错位问题!!
有时候,我们页面之所以出现错位,是因为我们的样式或者结构设置不合理,在这种情况下,一定要找出导致页面不兼容的真正原因,千万不要轻易使用 css hack 代码,以免造成下一个浏览器版本不兼容、以及为下一个页面错位的问题埋下隐患!!!
好了,下面是 css hack 代码:
div {
width: 100px; height: 100px;
background: red; /* 所有浏览器都识别 */
background: blue9; /* IE6、IE7、IE8 识别 */
+background: yellow; /* IE6、IE7 识别 */
_background: green; /* 仅 IE6 识别 */
}
注意:这个顺序是利用CSS优先级的顺序排列,不可颠倒。
这个 div 在各个浏览器下的呈现效果:
上一篇:网页设计中CSS的ID与class类的长命名和短命名的问题 下一篇:常用的几个CSS小技巧