像these 这样的网站如何?可以显示带圆 Angular 的图像吗?
我用 Firebug 确认正在下载的图像有尖 Angular ,但正在显示的图像已被修改。
编辑:我指的是在提到的网站的“精选”文章部分中看到的圆形缩略图。
最佳答案
它使用的图像覆盖 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 .
这样做是因为 IE 不支持很多 CSS 3 很酷的东西,比如 rounded corners :
moz-border-radius: 5px; -webkit-border-radius: 5px;
关于javascript - 带圆 Angular 的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2389637/