javascript - html中没有背景的图片，如photoshop图层

Question

我的 html 网页上有一张衬衫的图片，我想要的是能够通过单击按钮显示衬衫上的隐藏图像，但是我希望它成为衬衫的一部分，就像它是一个隐藏的 Photoshop 层，所以基本上只需单击一个按钮，它就会在衬衫本身的不同设计之间循环变化，无论如何都可以这样做，还是图像总是有一个方形背景？

谢谢，

Answer 1

如何让你的“衬衫图片”成为 div 的背景并且在 div 里面有一个 img 你可以改变 >src 属性与一个简单的 javascript。看看这个想法:

HTML

<div id="shirtimagebackground">
 <img id="overlay" src="overlayX.png"/>
</div>

CSS

 #shirtimagebackground {
  background-image: url(shirt.png);
  width: Xpx;
  height: Ypx;
 }
 #overlay {
  width: 100%;
  height: 100%;
 }