javascript – 带圆角的图像

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/156012.html

猜你在找的JavaScript相关文章