我正在寻找一种动态创建可以放在其他页面上的横幅的方法。横幅由背景图像,两个重叠图像和两个文本标签组成。
我只能使用绝对定位来实现重叠元素吗?我怎样才能确保自己的横幅相对地放在集成页面中?
我想我需要能够将元素绝对放在相对的框中。这可能吗?
由于 马库斯
答案 0 :(得分:5)
有可能。包含元素需要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>
如果您希望它们是动态的,那么您可以更改特定页面的CSS。