Javascript 如何将图像放在另一个图像上

我有一个图像，我想把它的透明背景的另一个图像。 有没有jquery之类的简单解决方案？我不想和职位等打交道

---

我需要动态添加它，例如在单击某个内容后创建一个div并使用一个图像作为背景图像。现在把你的照片放在那个分区里。 HTML:

<div id="background"></div>
<input type="submit" value="Add Image" onclick="show();" />

div { background-image: url('path/to/background.filetype'); height: 200px;}
img { opacity: 0.5; }

function show() {
    document.getElementById('background').innerHTML = '<img src="path/to/image.filetype" />';
}

JavaScript:

<div id="background"></div>
<input type="submit" value="Add Image" onclick="show();" />

div { background-image: url('path/to/background.filetype'); height: 200px;}
img { opacity: 0.5; }

function show() {
    document.getElementById('background').innerHTML = '<img src="path/to/image.filetype" />';
}

函数显示（）{
document.getElementById（'background'）。innerHTML=''；
}

---

您需要澄清“动态”是什么意思，但这是一种使用JavaScript（具有您描述的图形属性）动态添加图像的方法。

这就是单击时动态添加图像的方法。希望能有帮助

$（“#花”）。单击（函数（）{
var_this=$（this）；
var current=_this.attr（“src”）；
var swap=_this.attr（“数据交换”）；
_this.attr（'src'，swap）.attr（“数据交换”，当前）；
_此.切换类别（“不透明”）；
});
.不透明{
不透明度：.5；
}

为IE8或更早版本的浏览器添加了过滤器：alpha（不透明度=60）

只需将背景属性更改为图片链接


。背景图片{
背景：红色；
宽度：200px；
高度：200px；
}
.正面图片{
背景：白色；
不透明度：0.6；/*将其更改为1以完全隐藏背景图片*/
过滤器：alpha（不透明度=60）；/*适用于IE8及更早版本*/
身高：100%；
}

你会以这样或那样的方式“与职位抗争”…所以你不想“与职位抗争”，但你乐于使用jquery？位置有什么问题…它们比JQ容易？我忘了提到它需要以动态的方式添加。这是一些想法。谢谢非常感谢你。不幸的是，我忘了提到我需要在onclick之后以动态的方式放置第二个，谢谢，但是我必须以动态的方式来做，以什么方式“动态”？