我有一个放在div内的图像,div有圆角作为遮罩,用于隐藏图像角并将其显示为圆形.除Safari外,它适用于所有浏览器!有谁知道如何解决它?
我试过-webkit-padding-Box,-webkit-mask-Box-image但两个都没有用.
HTML:
<div class="cat"><img src="images/colorful-flowers-hd-wallpaper.jpg" /></div>@H_403_7@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; }@H_403_7@