0

私はJavaScriptで作業しています。問題が発生しています。つまり、ある画像を別の画像に配置したいのです。MYコードは次のとおりです。

<div>
  <img src="1.jpg" style="z-index:1;"/>
  <img src="2.png" style="z-index:2; left:-100px;"/>
</div>

問題は、コードを実行すると、画像がDIVの右下隅に配置されますが、画像には配置されないことです。どんな助けでもいただければ幸いです。

4

4 に答える 4

1

ワーキングデモ

position: absoluteCSSでの使用：

img { position:absolute; }

<div>
  <img src="1.jpg"/>
  <img src="2.png"/>
</div>

注：z-index最後の画像を上に表示するかどうかを指定する必要はありません。これはデフォルトのブラウザの動作です。

于 2013-01-09T15:42:43.993 に答える
0

画像スタイルにpositionプロパティを追加する必要があります（例：->

position:relative

https://developer.mozilla.org/en-US/docs/CSS/position

また、これはjavascriptではなく、CSSです。

于 2013-01-09T15:31:18.923 に答える
0 
 <div>
  <img src="1.jpg" />
  <img src="2.png" style=" left:-100px; position:relative"/>
</div>
于 2013-01-09T15:31:58.833 に答える
0

試す：

<div style="position:relative">
  <img src="1.jpg" style="z-index:1;"/>
  <img src="2.png" style="z-index:2; position:absolute;top:0;left:0;"/>
</div>
于 2013-01-09T15:32:54.770 に答える