@Utom 大神的FaveFaveFave.com的热门标签的CSS圆角是怎么做到的呢？

[zhaoyafei]

RT
求助发问

[karuto]

CSS3吧？

[karuto]

呃我错了抱歉，看了下源码，是图片然后用background-position吧应该。

[chone]

背景图片是
http://favefavefave.com/images-black/tagbg.gif

DOM结构为
<a>
<span>text</span>
</a>

a节点有padding-left，background正常显示，no-repeat，
span节点background显示最左边的部分，也就是background-position: 100% 0px;
以上span显示的最左部分背景覆盖在正常的从右到左显示的a部分背景之上，就形成了一个完成的按钮
a:hover时背景向下偏移形成鼠标经过效果

[sparklo]

借问大家类似这样的图片都是自己做的么？ 网上有比较好的诸如此类的图片库么? 我因为图片处理的功力几乎没有, 除非万不得已我都是css处理的.

[Danny]

不行就instagram 吧...

[kaktos]

这个圆角用的是css sliding door，两张背景，a一个，里面span一个，参见http://www.alistapart.com/articles/slidingdoors/
其实吧 ，直接用css3吧，IE9以下就让他们看直角呗~

[spark]

会的人不用教就会
不会的人教了也不会

[cliff]

都这么写网站现在，足够长的背景