假设可以找到合适的解决方案(不需要跨浏览器等)-
在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/