CloudZoom溢出隐藏

Question

我使用CloudZoom，放大图像。

我在div里有个图像

.product_large_image  {width:370px;height:370px;background:#fff;border-radius:185px;text-align:center;overflow:hidden;box-shadow:0px 0px 20px rgba(0,0,0,0.1);}

我有overflow:hidden，这是因为这让你看起来很好看。

但问题是，当我将图像悬停并放大时，CloudZoom显示主图像旁边的大图像，而美国更大的图像缩放是在div女巫overflow: hidden说的，它也隐藏了缩放效果图像。

有没有机会让这个变焦图像可见？也许吧！很重要。

我认为我们瞄准了那个图像，写了一些我们能做到的东西？

<div class="product_large_image">
    <a href="img/index/products/01.jpg" rel="adjustX: 30, adjustY: -4" class="cloud-zoom " id="zoom1" style="display: block !important;">
        <img src="img/index/products/01_small.jpg" alt="" title="Procut zoom" >
    </a>
</div>
<ul class="pr_gallery">
    <li>
        <a href="img/index/products/01.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'img/index/products/01_small.jpg'">
            <img src="img/index/products/01.jpg" alt="01">
        </a>
    </li>
    <li>
        <a href="img/index/products/02.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'img/index/products/02_small.jpg'"><img src="img/index/products/02.jpg" alt="02">
        </a>
    </li>
    <li>
        <a href="#"><img src="img/index/products/03.jpg" alt="03"></a>
    </li>
</ul>

Answer 1

尝试将css规则更改为图像或元素，移除包装器的溢出隐藏处。

.product_large_image .cloud-zoom  {width:370px;height:370px;background:#fff;border-radius:185px;text-align:center;overflow:hidden;box-shadow:0px 0px 20px rgba(0,0,0,0.1);}