有用的 Safari Hack 技巧 - Nicky's blog

January 27th, 2007

有用的 Safari Hack 技巧

Category: CSS, Author: Nicky, Popularity: 13%

stokely_safari_hack.png
以前介绍过针对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>
<div id="example">
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标准校验!

使用前后对比效果

ssh_example.png

Safari 2.0.4在线测试

Tags:, , , .
评论数量(16) | Add Comments
本文网址:http://www.osxcn.com/css/stokely-safari-hack.html



16 Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon 工藤 Says:

    汗,发现NICKY’blog sidebar里的Member.组竟然有偶滴名字,好激动,点进去看看有虾米,又回主页了………..

  2. Gravatar Icon LEMONed Says:

    竟然是我最多么, 呵呵. 我也找到这个hack了, 还没时间改…

  3. Gravatar Icon Nicky Says:

    本来是我最多的,400多条,但是我把自己隐藏了。
    我也没有想到你是最多哈,只知道几乎每篇都有你的留言,哈哈!

    你们2个都是我的大客户哈!

  4. Gravatar Icon GuaGua Says:

    汗,我以前注册的名字也有…….
    新的模版很漂亮呀…….

  5. Gravatar Icon GuaGua Says:

    不过奇怪的是,为什么链接是我原来的地址?

  6. Gravatar Icon ffuqiangg Says:

    新skin好像宽度设置有问题哦,ie6.0下右边的sidebar被挤到下面去了。ff2.0 & opera9.10正常。

  7. Gravatar Icon Shoegazer Says:

    yeah,我也上榜了也~恩,新的模版的宽度的确在IE6下有问题,

  8. Gravatar Icon Shoegazer Says:

    最近都走这个路线么?跟柠檬的新模板风格好相似~

  9. Gravatar Icon 工藤 Says:

    新摸板蛮清爽的,清爽的有点扎眼了都,总看屏幕,现在开始喜欢看灰色调的东西了,养眼啊.呵呵
    我用IE7,1280*1024,很正常

  10. Gravatar Icon 瑞星2008 Says:

    不错欣赏下

  11. Gravatar Icon Nicky Says:

    已经修复了IE6下的sidebar掉下的问题,这种风格确实在柠檬的带动下做的。

  12. Gravatar Icon awflasher Says:

    NICKY’blog sidebar里的Member…
    这个……我想请教一下,是否从User-meta表里面取道的评论数?
    之前用别的系统~刚开始体验WP,疑问多多~

  13. Gravatar Icon Nicky Says:

    这个东西我是使用桑林志的《中文 WordPress 工具箱》实现的。

  14. Gravatar Icon LEMONed Says:

    都不把我的地址给改回来… :evil:

  15. Gravatar Icon Nicky Says:

    你说的是左侧Member那里的链接吗,刚改好了,它居然不是读取User里面的链接地址,而是读取第一次留言时填的地址。

  16. Gravatar Icon LEMONed Says:

    嘿嘿. 你快上IM, 我有点事儿…

leave a reply