1

ページで静的な背景画像を利用できます。上記の静的な背景画像に画像をドラッグアンドドロップできるツールバーがあります。今、私は背景画像をズームする機能が必要ですが、同時にこの背景画像の上にドラッグアンドドロップされた画像もズームし、それに応じて位置を移動して、まるで単一の画像のように見えるようにする必要があります私は働いています。IEブラウザでのみこの作業を行う必要があります。-ms-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 に答える