一月 27th, 2007

有用的 Safari Hack 技巧

Category: CSS, Author: Nicky, Popularity: 12%
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