带圆角的图像

Question

如何喜欢的网站,这些让显示与圆角图片？

我检查了Firebug,下载的图像有尖角,但显示的图像已经被修改了.

编辑:我指的是在提到的网站上的"精选"文章部分中看到的圆形缩略图.

Answer 1

它使用包含弯曲边框的图像叠加层.

<img class="rounders2_img" width="103" height="80" alt="" src="http://pad2.whstatic.com/images/thumb/1/18/Shadow-of-a-Writing-Hand-1834.jpg/-crop-103-80-103px-Shadow-of-a-Writing-Hand-1834.jpg"/>
<img class="rounders2_sprite" src="http://pad1.whstatic.com/skins/WikiHow/images/corner_sprite.png" alt=""/>

相同的技术通常用于投影.

http://www.alistapart.com/d/onionskin/images/onionskin_cover.gif

这样做是因为IE不支持很多CSS 3很酷的东西,比如圆角:

moz-border-radius: 5px; -webkit-border-radius: 5px;