我有一个包含图像的div。我希望这个div有圆角。
问题是div内部的图像比div大,我使用overflow:hidden
来剪切图像因为使用jquery我减小了鼠标悬停的大小,所以现在div有圆角但我只能看到它们减小图像的大小。
.thumb{
float: left;
overflow: hidden;
width: 230px;
height: 230px;
position: relative;
margin-right: 1px;
margin-bottom: 1px;
border-radius: 12px;
}
.thumb img {
max-width: 270px;
height: 270px;
left: -20px;
position: relative;
top: -20px;
width: 270px;
border-radius: 12px;
}