CSS 针对 Safari(WebKit)的 CSS 注意事项 3
作者:grace 来源:gracecode.com 时间:2008-09-15 18:36:00
Google Chrome 的发布,使我们更加的注重基于 WebKit 核心的浏览器的表现情况,但我们很多时候“不小心”就会出现问题。考虑下面极端的情况
.box { background: red; # background: yellow; background: #green; }
经过测试发现,Exploer 系列浏览器会显示黄色(yellow),Firefox 与 Opera 则会显示红色(red),而 Safari 以及 Chrome 则会显示绿色(green)。
按照本人的理解,这是各浏览器 CSS 解释上的差异造成的。首先,Safari 会对于 #red 这样的“常量颜色值”会尝试解析,而其他浏览器则取“#”后面的 16 进制色值。
然后对于
.box { # background: yellow; }
的理解,Exploer 系列会直接解析成 background: yellow; 而其他浏览器则等待“;”然后连接起来,所以不起作用。类似的可以使用
.box { . background: yellow; }
测试下。但如果语句后面加上分号“;”
.box { #; /* 或者 .; */ background: yellow; }
则会恢复正常。可以参考这里,获得更进步的详细信息。
总结下的结论,首先,比如你想针对 Exploer 仅 Hack 一条语句,那么可以在其上行简单加个“.”或者“#”,这仅适合临时调试使用。
其次,期前如果不小心写成 #red 这样的色值,可能会无关要紧。但就目前众多的浏览器情况而言,可能就会有上述意想不到的结果,所以 CSS 方面的细节我们要更慎重的对待。
标签:浏览器,css,hack,兼容
0
投稿
猜你喜欢
base href 使用方法详解
2008-05-18 13:27:00
在TABLE中模仿excel的单元格移动
2007-12-22 12:03:00
AJAX初体验之上手篇
2007-08-23 08:50:00
banner字体设计与应用
2009-07-06 14:42:00
构建成功web应用的十项黄金法则
2010-09-17 19:11:00
asp截取字符串方法
2009-02-09 13:30:00
关于浮动的前世今生
2009-08-19 18:51:00
RSA加密解密算法 asp源码
2009-08-28 13:10:00
SQL Server 2008中有关XML的新功能
2008-06-04 12:57:00
SaaS中的用户体验设计
2009-05-20 12:28:00
用户凭什么跟你注册?
2011-06-10 13:16:00
了解WEB页面工具语言XML(六)展望
2008-09-05 17:19:00
深入了解SQL Server 2008 商业智能平台
2009-01-15 13:03:00
IE6,IE7中定位相关的怪异问题
2009-12-08 12:49:00
asp 使用正则表达式替换word中的标签,转为纯文本
2011-02-28 10:49:00
ASP-server.URLEncode反函数:urldecode
2008-10-23 16:05:00
CSS 的模块化思想
2009-02-03 12:52:00
jQuery初学:find()方法及children方法的区别分析
2011-02-05 10:58:00
使用ODBC接口访问MySQL
2009-02-13 13:59:00
15个滑动门效果CSS导航菜单实例教程
2010-02-20 13:02:00