放大/缩小时div位置会发生变化

时间:2013-02-19 06:53:13

标签: html position zoom

我花了很多时间来弄清楚这个问题的解决方案并且看起来很糟糕寻求帮助。任何指针都会有很大的帮助。

我的图片位于页面的右上角。点击这个,我必须在图像下方显示一个下拉菜单。 以下是代码。

 <div style=\"margin-right: 3px;\"  >
           <div style=\"position:absolute;\">                        
          <a  href=\"javascript:testpopup()\" ><img id =\"Img\" align=\"left\"  src=\"qual.png\" onload=\"javascript:Count()\" /></a>" +

          <div id=\"Count\"    style=\"float: left;\"> </div>         
          </div>

           <div class=\"Popup_Position\" style=\"position:absolute;display:block;\" > 
               <div id=\"Table\" style=\"position:absolute;display:block;width: 278px;\"    >

                  </div>


            </div>
     </div>

div计数位于图像旁边,div表位于图像下方。 它在100%变焦时工作正常。但是当放大/缩小时,div会远离图像。此外,缩放溢出的内容和div大小也会发生变化。 请建议可以做什么..谢谢..

1 个答案:

答案 0 :(得分:1)

您好,您可以将此样式与图像一起使用:

 <a  href=\"javascript:testpopup()\" ><img id =\"Img\" align=\"left\"  src=\"qual.png\" onload=\"javascript:Count()\" style=\"max-width:100%;\" /></a>"

这必须解决您的问题。