CloudZoom溢出隐藏

时间:2013-10-22 13:10:27

标签: html css

我正在使用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 {1}}中,它会隐藏缩放效果图像也是。

有没有机会让缩放图像可见?也许有!重要。

我认为我们会定位该图像并写下我们可以做的事情吗?

overflow: hidden

1 个答案:

答案 0 :(得分:0)

尝试将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);}