0

div 内に多くの画像があり、それらを配置して、すべてが互いに完全になるようにします。また、divを他のページにコピーするときに画像が同じになる必要がありますが、自分のページにdivを配置する場所を変更できます今私の問題は、div内のこれらの全体の画像を小さくして、それぞれが完全であることです私のコードの例:

    <div style="position:absolute; top:900px; left:500px" >
      <img id="Burimi" style="position:absolute; left:10px" src="Images/Reagion/Burimi-B.png"/>
        <img id=""  style="position:relative; left:98px;top:1px;" src="Images/Reagion/N Batinah-B.png" />

      </div>

例：

4

3 に答える 3

0

画像ではなく、コンテナのサイズを変更できます。たとえば、親には次を使用できますdiv。

div {
transform: scale(.5,.5); /*Half width and height */
-ms-transform: scale(.5,.5); /* IE 9 */
-webkit-transform: scale(.5,.5); /* Safari and Chrome */
-o-transform: scale(.5,.5); /* Opera */
-moz-transform: scale(.5,.5); /* Firefox */
}
于 2013-02-28T11:44:34.187 に答える
0

を使用したほうがよいようですimage map。ページに表示されると予想されるすべての画像を含む1つの画像を作成し、それを使用areasして画像のさまざまな領域を区別します。

于 2013-02-28T11:44:44.437 に答える
0

position:relativeでdiv、およびposition:absoluteすべてのイメージに使用します。

このようにして、div をどこにでも置くことができ、画像は常に相対的に配置されます。div

于 2013-02-28T11:49:00.060 に答える