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。