html - 边框半径在 safari 4.0、5.0 for windows 7 及更高版本中不起作用

Question

我正在为图片添加边框半径，但是当我使用浏览器堆栈运行浏览器测试时，我发现 Safari 5.0 和 Windows 7 & 8 的以下版本不支持 border-radius 属性。图片显示为正方形

在html部分下面

 <div class='profileDet'>
   <img src='/img/eg.png' alt='image' id='circleImg'>
   <div class='profileTile'><h>Title</h></div>
 </div>

和我的CSS

#circleImg{
width:100px;
height:100px;
border-radius:50px;

/* for safari lower versions*/
-webkit-border-radius:50px;

}

Answer 1

这实际上应该有效。不要忘记添加 overflow: hidden。这将确保您的背景不会出现在圆 Angular 效果 Angular 下方。

#circleImg{
width:100px;
height:100px;
border-radius:50px;
overflow: hidden;
/* for safari lower versions*/
-webkit-border-radius:50px;

}