html - 图像圆角

Question

我有一个包含图像的 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;
   }