1

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

有什么办法可以完成这个要求吗？

4

1 回答 1

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>
于 2012-08-30T19:23:44.270 回答