html横幅覆盖图像和文字

Question

我正在寻找一种方式来动态创建可以放置在其他页面上的横幅。该横幅由背景图像，两个叠加图像和两个背景图像上方的文本标签组成。

是不是我只能用绝对定位来实现叠加元素？我怎样才能确保，它自己的横幅被放置在整合页面中？

我想我需要能够将元素绝对放置在相对框中。这可能吗？

感谢 马库斯

Answer 1

这是可能的。含元素需要有position:relative和所有你想要的地方需要有position:absolute;内的元素，也是位置x和y是这样的：top:10px; right:20px或bottom:10px; left:230px

因此，例如：

CSS：

#banner_wrap {position:relative; width:860px; height:60px;} 
#inner_element {position:absolute; top:10px; left:20px; width:40px; height:40px;} 

HTML

<div id="banner_wrap"> 
    <div id="inner_element"></div> 
</div> 

如果你想他们是动态的，那么你就可以查nge特定页面的CSS。