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
投稿
猜你喜欢
详解Python数据类型、进制转换、字符串格式化的问题
2022-11-11 16:24:10
Python中弱引用的神奇用法与原理详解
2023-01-12 04:27:08
Oracle性能究极优化 下
2010-07-30 13:25:00
Python3 使用selenium插件爬取苏宁商家联系电话
2023-12-20 01:39:57
Python笔试面试题小结
2022-07-17 12:51:23
MySQL学习第三天 Windows 64位操作系统下验证MySQL
2024-01-22 20:19:39
MySQL主从复制与读写分离原理及用法详解
2024-01-14 21:16:25
django项目简单调取百度翻译接口的方法
2023-10-20 18:25:41
Nodejs 数组的队列以及forEach的应用详解
2024-05-02 16:18:39
SQL Server 2005 Management Studio Express企业管理器将英文变成简体中文版的实现方法
2024-01-27 23:35:38
golang 获取字符串长度的案例
2024-04-27 15:40:47
JavaScript阻止浏览器返回按钮的方法
2024-02-25 16:15:44
pytorch中的自定义反向传播,求导实例
2021-08-07 06:57:53
python使用正则表达式提取网页URL的方法
2023-10-09 16:27:18
通过排序引导用户的行为方式
2008-05-17 09:30:00
Python基础篇之字符串方法总结
2022-11-25 11:42:36
定位?浮动?自适应?
2008-06-30 14:20:00
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2023-07-19 04:13:23
查看django版本的方法分享
2023-05-02 22:22:32
Git的撤销、修改和回退命令
2022-12-05 14:10:12