javascript - 带圆 Angular 的图像

标签 javascript html css

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/

相关文章:

javascript - 基本 JS : Adding characters at cursor position, 同时保持光标位置

javascript - 滑动/跟随导航菜单

html - 如何在无序列表上设置点并将它们更改为悬停时的图像

html - 向左浮动 - 向右浮动仅在 IE9 中中断?

html - 我可以在我的画廊中获取图像以放大但不超过我给它们的宽度吗?

css - IE 不接受边距

javascript - 如何访问 DOM 中的@font-face(通过 Javascript)?

javascript - 在 iOS 版 Chrome 上拦截 AJAX 请求?

javascript - jQuery if/else 语句不起作用

javascript - Angular SEO,如何正确设置?