javascript – 带圆角的图像

像 these这样的网站如何显示带圆角的图像？

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

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

解决方法

它正在使用 contains the curved borders的图像叠加.

<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=""/>

对于drop shadows,通常使用相同的技术.

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

这样做是因为IE不支持很多CSS 3很酷的东西,比如rounded corners：

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

原文地址：https://www.jb51.cc/js/156012.html