将 div 设置为其他 div 的背景答案

【问题标题】：Set div as background of other div将 div 设置为其他 div 的背景
【发布时间】：2010-09-15 04:31:28
【问题描述】：

我们有两个divs。 divOne 包含图像信息，divTwo 包含表格信息。是否可以使用脚本将 divOne 设置为divTwo 的背景图片？

divOne.innerHTML = <IMG src="http://sbc.com/xyz.jpg" />

divTwo.innerHTML = <TABLE id="content"> ....... </TABLE>

【问题讨论】：

标签： javascript html

【解决方案1】：

是的 - 取决于你的意思。

您可以使用相对位置和 z-index 将一个 DIV 置于另一个 DIV 之上。如果顶部索引是透明的（无背景），那么您应该能够看到它后面的索引。

【讨论】：

感谢您的回复。我们也有同样的想法，但找不到任何例子。有什么帮助吗？

【解决方案2】：

divOne.style.backgroundImage="url(http://sbc.com/xyz.jpg);";

这应该将 divOne 设置为该背景图像...

对于 div 的定位试试这个...

divOne.style.position = "relative";
divOne.style.top = "0px";
divOne.style.left = "0px";
divOne.style.zIndex="1";

divTwo.style.position = "relative";
divTwo.style.top = "0px";
divTwo.style.left = "0px";
divTwo.style.zIndex="2";

【讨论】：

假设你正在这样做...
感谢您的回复。我们在 div 中有动态生成的 url。现在，我们正在执行 divOne.appendChild(div2) 但这会显示第一个 div，然后在其下方显示第二个 div。我们想将第一个 div 显示为第二个 div 的背景。再次感谢。
divOne.style.position = "relative"; divOne.style.top = "0px"; divOne.style.left = "0px"; divOne.style.zIndex="1"; divTwo.style.position = "相对"; divTwo.style.top = "0px"; divTwo.style.left = "0px"; divTwo.style.zIndex="2";
感谢您的回复，但无法正常工作。 DivOne（背景图片）消失了。
您能否发布一些代码，以便更容易给出准确的解决方案？ divTwo 是透明的吗？ divTwo.style.backgroundColor = "透明";我认为这可能会解决它...