如何解决为什么CSS3边界半径不能在Webkit浏览器Chrome和Safari上的图像上运行?
| 这适用于Firefox 4和ie9,但不适用于chrome或safari。它在歌剧中也不起作用,但是谁在乎呢。那么如何使其工作呢?img { width: 100px; height: 100px; border: 3px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
解决方法
一种解决方法是使用
div
并将div
的背景设置为图像。
.rounded {
width: 100px;
height: 100px;
border: 3px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: url(image.png) no-repeat;
}
, 您使用白色作为边框。您的背景是什么颜色?我在jsfiddle上看不到任何问题http://jsfiddle.net/m5NP3/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。