我有一个带有一组缩略图的旋转木马。当这些缩略图被点击时，一个更大的预览应该会逐渐消失(在缩略图被点击时，中间对齐)。
我的问题是，旋转木马的容器div溢出:隐藏;显然，它会剪掉其中的任何元素。然而，我需要更大的预览来忽略溢出:隐藏规则。这可能吗?
carousel中的列表项也需要position: relative，否则我无法使较大的预览完全对齐在所单击的缩略图之上。
这里有一个图片来演示:
问题:https://i.stack.imgur.com/2aoZ6.jpg
删除溢出时的结果:hidden;在旋转木马的容器DIV. https://i.stack.imgur.com/J3KSr.jpg
(大缩略图正是我想要的，但是旋转木马项目/拇指没有被剪掉)。
有可能的解决方案吗?如果不是CSS，那么基于jQuery也许?
为什么不使用jQuery将较大的图像附加到carousel容器div上方的元素?只需将您要显示的对象(或.clone()，如果需要的话)和.appendTo()在层次结构中更高的div。
所以当给定的图像被点击时，你可以将更大的图像附加到更高的链上，或者有一个现有的样式div，你.show()并插入适当的内容。
这里有一个小提琴代表@Greg在他的评论中给出的想法:http://jsfiddle.net/4FDc8/1/
我使用了一个相对定位的包装器的viewport与overflow:hidden。
在任何情况下，您很可能必须克隆您想要"缩放"的元素(或在标记中隐藏单独的缩放版本)，因此，然后由您决定在哪里以及如何定位它。