1枚の画像で複数の画像を重ねる方法

Question

体、襟、袖口、袖口のような画像フォルダがあり、そこには画像があります。実際に私は4つのイメージを持っています。以下は

一緒にそのdivのイメージを作成する方法

<div id="myJershy"> 
 
    <img src="image/Pngs/collar/White.png" id="grey" style="position: fixed; top: 8px; left: 12px; width: 935px;"> 
 
    <img class="orange" id="orange" src="image/Pngs/body/White.png" style="position: fixed; left: 10px; top: 8px;"> 
 
    <img src="image/Pngs/sleeves/White.png" id="gold" style="position: fixed; top: 12px; left: 22px;"> 
 
    <img class="back" id="black" src="image/Pngs/cuffs/White.png" style="position: fixed; left: 11px; top: 9px;"> 
 
</div>

、私のhtmlです。私を助けてください。あなたは非常に同じ位置にすべての画像をしたいと「一緒」に置く場合

Answer 1

、あなたは単にこれを行うことができます：

#myJershy img { 
 
    position: absolute; 
 
}

<div id="myJershy"> 
 
    <img src="image/Pngs/collar/White.png" id="grey"> 
 
    <img class="orange" id="orange" src="image/Pngs/body/White.png"> 
 
    <img src="image/Pngs/sleeves/White.png" id="gold"> 
 
    <img class="back" id="black" src="image/Pngs/cuffs/White.png"> 
 
</div>

をしかし、あなたはすべてが違うのにしたい場合可能であれば、Paint.net、Gimp、Photoshopなどのツールを使用して、それらを一緒に配置することをお勧めします。しかし、それが不可能な場合は、あなた自身を試したような絶対的な場所を使用する必要があるので、あなたは自分自身に挑戦します。