Question

我的页面上有静态背景图片。有一个工具栏，我可以在上面讨论的静态背景图像上拖放图像。现在我需要能够缩放背景图像，但同时拖放在此背景图像顶部的图像也应该缩放并相应地移动它们的位置，就好像它只是一个图像一样我在工作。我需要只为IE浏览器工作。我已经尝试过-ms-zoom，但是拖放的图像似乎根本不会改变它们的位置，因为它们是绝对定位的。内置Zoom的浏览器似乎工作得很完美，但我们的客户端需要页面上的自定义链接来放大和缩小，因为我们只需要缩放页面的特定部分而不是整个页面。

有什么办法可以达到这个要求吗？

Answer 1

一个简单的zoom应该如你所描述的那样工作。试试这个：

<script>
a=100;
</script>
</head>
<body>
<div id="div" style="position:absolute;z-index:-1;top:50px;left:0px;width:400px;
    height:400px;background:url(some_image.jpg)"
>
    <img src="another_image.png" style="position:absolute; top:50px;left:50px;" />
</div>
<button onclick="a+=50;document.getElementById('div').style.zoom=a+'%';">
Zoom
</button>

缩放功能

1 个答案: