0

我正在尝试制作一个缩略图查看器,当您将鼠标悬停在缩略图上时,您将获得更大电子邮件的缩略图大小的视图。当您在缩略图中移动时,您会看到较大图片的各个部分。

您可以通过滚动最后一张(绿色)图像 在此处看到这一点。

当您翻转时,我会在低分辨率缩略图和高分辨率版本之间交换图像。由于某种原因,这个更大的图像不再受overflow: hidden父属性的约束。我该怎么做才能让它工作?

更新

position: relative属性当前设置在.artwork当前提供overflow: hidden. 添加overflow: hidden到顶级容器可以正常工作,但似乎否定了圆形边框效果......

4

1 回答 1

2

在您的父块上使用 position:relative 。

这是因为我们的子 div 是绝对定位的。但是当您使用绝对位置时,它指的是第一个定位的父级。第一个定位的父级是第一个具有位置:相对(或绝对)属性的父级

对于边界半径问题,这是一个 firefox 和 chrome 错误,您可以使用 hacks 修复。在这里看到它:

CSS3 边框半径裁剪问题

编辑:总结:

添加位置:相对于 div 图稿。然后将您的边框半径添加到“a”父标签

于 2013-01-07T13:23:55.667 回答