假设可以找到合适的解决方案(不需要跨浏览器等)-

在Web上圆角处理图像的最佳方法是CSS / JS,

还是:使用带有圆角的图像(通过上传代码或设计师的人工劳动)是更好的做法吗?

如果可以的话,如何舍入元素-css与圆角图像(例如sprite)?

编辑我知道CSS是可行的,但是我认为它使浏览器比下载预先编辑的图像更加努力(这将在服务器端花费更多的精力)。问题不是什么有效,而是更好。

最佳答案

您可以简单地创建带有圆角的图像,但这当然会首先增加生成图像的时间和复杂性。

或者,您也可以只使用CSS做一些事情。将图像设置为div的背景图像,然后使用CSS 3 border-radius属性将div的圆角倒圆角以产生类似的效果。

例如

div {
    background-image: url(myimage.jpg);
    width: 375px;
    height: 500px;
    border: 2px solid #666;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    }


这仅在支持CSS 3的浏览器中有效,但您确实提到跨浏览器兼容性不是问题。只是一个想法:)

关于javascript - 网络上的最佳做法圆 Angular 图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10531794/

10-12 12:44
查看更多