我有5个浏览器用于渲染
HTML编码的页面：IE9,Firefox 4.0和所有最新版本的Chrome,Safari和Opera.现在在IE9和Firefox 4.0中,正在使用border-radius：和-moz-border-radius正确裁剪图像,但在Opera,Chrome和Safari中使用-webkit-border-radius：失败.使用Opera,图像没有被裁剪,Safari和Chrome的图像有些裁剪,但边框也被裁剪出来.
.nonTyp{
margin: 15px 15px 15px 15px;
border:4px inset #C1C8DD;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
width:200px;
height:200px;
}
如果您有提到的3个浏览器之一使用-webkit-border-radius：请查看图像,例如我有什么问题：
Graphics Page
解决方法
您可以做的是将所有样式放在< img>现在标记在父< a>而是将其用作图像的容器.这至少对我来说也是有道理的.不要忘记保持浮动：留在图像上以摆脱幻影底边.
