jQuery imgViewer打破了div约束

时间:2020-05-22 12:29:45

标签: html jquery css overflow

我有一个需要缩放和平移的全景图像,因此我使用了imgViewer jQuery插件,该插件效果很好....直到尝试将其放入div中。

由于图像是全景图像,因此必须限制显示的宽度,否则在移动设备上就毫无价值,因为图像非常薄。

我已经设置了一个宽度受限制的div,如果我将图像放置在没有imgViewer的情况下,则溢出将按预期隐藏,但是一旦添加imgViewer,它就会显示在div之外。

<div id="gdiv" style="position:relative;width:100%;height:300px;max-width:1100px;border:1px solid #FF0000;overflow:hidden;">
    <img id="imgpano" src="img_pano.jpg" style="height:300px">
</div>

这是为什么,如何使它保持在div的范围内?

0 个答案:

没有答案