January 27th, 2007
有用的 Safari Hack 技巧
Category: CSS, Author: Nicky, Popularity: 13%
以前介绍过针对IE6、IE7和Firefox的CSS Hack方法，但是最近遇到一个非常麻烦的问题，就是在Mac Safari浏览器里面，无论怎么定义input都不能改变它的样式，这个问题在做上一个模版时就有人提出过，但是一直没有时间去解决它，现在实在是看不下去了。第一个想到的就是使用CSS Hack来给input定义不同的样式，Google一下，很快就发现了“Stokely Safari Hack”，一个专门针对Safari的Hack方法。
Stokely Safari Hack
<style type="text/css">
#example {
color:red;
}/* firefox有效 */
/*\*/
html*#example {
[color:black;color:blue;/* Safari有效 */
]color:green;/* IE有效 */
}/**/
</style>
#example {
color:red;
}/* firefox有效 */
/*\*/
html*#example {
[color:black;color:blue;/* Safari有效 */
]color:green;/* IE有效 */
}/**/
</style>
<div id="example">
Stokely Safari Hack : If you See Large Blue Text, you are using Safari
</div>
Stokely Safari Hack : If you See Large Blue Text, you are using Safari
</div>
上面定义的文本颜色结果为：
Firefox显示为红色，IE显示为绿色，Safari中显示为蓝色。
单纯使用这个方法，可以为Firefox、IE6、Safari定义不同的样式，但是对于IE7还需要辅助其他Hack来定义，这个Hack在Safari 2.0.4中测试通过。
不过很遗憾，这个Hack不能通过CSS标准校验！
使用前后对比效果：
Tags：CSS, Hack, Safari, Stokely.
评论数量(16) | Add Comments
本文网址：http://www.osxcn.com/css/stokely-safari-hack.html
汗,发现NICKY’blog sidebar里的Member.组竟然有偶滴名字,好激动,点进去看看有虾米,又回主页了………..
竟然是我最多么, 呵呵. 我也找到这个hack了, 还没时间改…
本来是我最多的，400多条，但是我把自己隐藏了。
我也没有想到你是最多哈，只知道几乎每篇都有你的留言，哈哈！
你们2个都是我的大客户哈！
汗，我以前注册的名字也有…….
新的模版很漂亮呀…….
不过奇怪的是，为什么链接是我原来的地址？
新skin好像宽度设置有问题哦，ie6.0下右边的sidebar被挤到下面去了。ff2.0 & opera9.10正常。
yeah,我也上榜了也～恩，新的模版的宽度的确在IE6下有问题，
最近都走这个路线么？跟柠檬的新模板风格好相似～
新摸板蛮清爽的,清爽的有点扎眼了都,总看屏幕,现在开始喜欢看灰色调的东西了,养眼啊.呵呵
我用IE7,1280*1024,很正常
不错欣赏下
已经修复了IE6下的sidebar掉下的问题，这种风格确实在柠檬的带动下做的。
NICKY’blog sidebar里的Member…
这个……我想请教一下，是否从User-meta表里面取道的评论数？
之前用别的系统~刚开始体验WP，疑问多多~
这个东西我是使用桑林志的《中文 WordPress 工具箱》实现的。
都不把我的地址给改回来…
你说的是左侧Member那里的链接吗，刚改好了，它居然不是读取User里面的链接地址，而是读取第一次留言时填的地址。
嘿嘿. 你快上IM, 我有点事儿…