html设置img的半径,html – 在父div上设置边框半径的修剪图像角落在Safari中不起作用...

我有一个放在div内的图像,div有圆角作为遮罩,用于隐藏图像角并将其显示为圆形.除Safari外,它适用于所有浏览器！有谁知道如何解决它？

我试过-webkit-padding-Box,-webkit-mask-Box-image但两个都没有用.

CSS：

.cat{

width: 128px;

height: 128px;

margin: 20px 96px 0px 96px;

position: relative;

float: left;

border-radius: 50%;

overflow: hidden;

border-top: 1px solid #111;

border-bottom: 1px solid #fff;

background: #fff;

-webkit-Box-shadow: inset 0px 0px 10px 0px rgba(0,0.6);

Box-shadow: inset 0px 0px 10px 0px rgba(0,0.6);

}

.cat img{

position: absolute;

border: none;

width: 138px;

height: 138px;

top: -8px;

left: -8px;

cursor: pointer;

}