如何使用一个图像堆叠多个图像

Question

我有像身体，衣领，袖子和袖口的图像文件夹，里面有我的图像。实际上我有四张图片我想把所有这些图像叠放在一起。

下面是我的HTML，

＆＃13;

＆＃13;

$('#dropDownId :selected').text();

＆＃13;

＆＃13;

＆＃13;

如何将div图像组合在一起。请帮助我。

Answer 1

如果您希望所有图像位于同一位置并将它们放在一起并且＃34;，您可以简单地执行此操作：

＆＃13;

＆＃13;

#myJershy img {
  position: absolute;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

但是，如果您希望所有内容都位于不同的位置，我可以建议使用Paint.net，Gimp或Photoshop等工具将它们放在一起。如果那是不可能的，那么你就会遇到挑战，因为你需要像你自己一样尝试使用绝对位置。