我有一个轮播，里面有一组缩略图。单击这些缩略图时，较大的预览会淡入(在单击缩略图的情况下居中对齐)。
我的问题是旋转木马的容器 div 溢出:隐藏；这显然会剪掉其中的任何元素。但是，我需要更大的预览以忽略溢出:隐藏规则。这可能吗？
旋转木马中的列表项也需要 position: relative 在它们上面，否则我无法获得更大的预览以绝对对齐在单击的缩略图上方。
这里有一张图片来演示:
问题: http://i.imgur.com/VAFLc.jpg
当我删除溢出时发生的结果:隐藏；在轮播的容器 DIV 上。 http://i.imgur.com/b3G7B.jpg
(大缩略图正是我想要的，但轮播元素/缩略图没有被剪掉)。
任何可能的解决方案？如果不是 CSS，那么也许是基于 jQuery？
最佳答案
为什么不使用 jQuery 将较大的图像附加到旋转木马容器 div 上方的元素？只需取出您正在显示的对象(或 .clone() 如果需要)和 .appendTo()层次结构中更高的 div。
因此，当给定的图像被点击时，您可以将较大的图像附加到链的较高位置，或者有一个现有的样式 div，您可以 .show() 并将适当的内容插入其中。
关于jquery - 在其容器上方显示一个绝对定位的元素，该元素恰好溢出 : hidden; set，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8037644/