Html Border radius在适用于windows 7及更高版本的safari 4.0、5.0中不起作用

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

下面是html部分

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

---

事实上，这应该是可行的。不要忘记添加溢出：隐藏。这将确保您的背景不会出现在圆角效果的下方

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

}

添加了这些行

-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;

---

现在它工作了！！谢谢大家。

border radius是CSS3属性，因此较低版本的浏览器可能不支持。有关浏览器支持的详细信息，请参阅。我得到了解决方案，我将发布它

-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;