我的 html 网页上有一张衬衫的图片,我想要的是能够通过单击按钮显示衬衫上的隐藏图像,但是我希望它成为衬衫的一部分,就像它是一个隐藏的 Photoshop 层,所以基本上只需单击一个按钮,它就会在衬衫本身的不同设计之间循环变化,无论如何都可以这样做,还是图像总是有一个方形背景?
谢谢,
最佳答案
如何让你的“衬衫图片”成为 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%;
}
关于javascript - html中没有背景的图片,如photoshop图层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5980114/