悬停html和javascript时，让子dom元素超出父div的边界

很难在标题中概括问题的确切含义 所以更多信息在这里

我有一个图像库，包括一个带有图像的列表元素（和一个显示文本标签的范围）。 HTML布局如下所示：

            <div class="caracteristics_list gallery">

                <ul class="thumb">
                    <li><a href="#"><span class="video">Play</span><img src="images/gallery1.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery1.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery1.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>
                    <li><a href="#"><span class="tagline">Lorem ipsum</span><img src="images/gallery3.jpg" alt="" /></a></li>
                    <li><a href="#"><span class="tagline">Lorem ipsum</span><img src="images/gallery3.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery3.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery3.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery4.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/gallery4.jpg" alt="" /></a></li>
                </ul>                    
            </div>

此图库具有缩放效果（（））

这里的问题是画廊有固定的宽度和高度 和一个

溢出：滚动
（它不会增长，它包含在该gallery div的范围内）

这意味着，缩放效果被溢出css设置切断

这是我现在拥有的一个例子（尽管有破碎的图像）

我担心溢出约束将使此方法不可能实现，除非我将元素从gallery div中取出，并将其完全定位在同一位置，绝对或相对

但首先我想确定这是唯一的出路。
你有什么想法吗？
不要取出图像，复制一份，然后从div中显示出来。在需要关闭的时候销毁对象
这实际上是我需要做的，但由于时间不足，我们决定更改溢出的div，现在它有足够的填充，不能覆盖后面的项目。由于我们没有无限高（有限的项目）的问题，我们没有滚动的问题，项目将是半可见或再次覆盖在底部。因此，您的解决方案实际上是正确的，但是我们选择了一个脏的解决方案，它在我们的情况下有效，但不是在所有情况下都有效。谢谢