我正在尝试制作一个thumnail查看器，当您将鼠标滑过缩略图时，您会看到一个缩略图大小的电子邮件视图。当你在缩略图中移动时，你会看到较大图片的各个部分。
您可以通过滚动最后（绿色）图像来查看此here。
当您翻转时，我在低分辨率缩略图和更高分辨率版本之间交换图像。由于某种原因，这个较大的图像不再受父级的overflow: hidden属性的约束。我该怎么办才能让它发挥作用？
更新
position: relative属性目前设置在当前提供.artwork的{{1}}容器上方的父级。将overflow: hidden添加到顶级容器可正常工作，但似乎否定了圆角边框效果...
答案 0 :(得分：2)
在父块上使用position：relative。
这是因为我们的孩子div绝对定位。但是当你使用绝对位置时，它指的是第一个定位的父级。第一个定位父级是第一个具有位置的父级：相对（或绝对）属性
对于边框半径问题，这是一个firefox和chrome bug，你可以使用hacks来修复。在这里看到：
CSS3 border-radius clipping issues
编辑：总结：
添加位置：相对于div艺术品。然后将边框半径添加到“a”父标记