滑塊頂部的div

Question

你好我的網頁有一個滑塊，我想在滑塊的頂部放置一個小框。我怎樣才能實現這與CSS定位？

<div id="slider"></div> 
<div id="captionBox"></div> 

Answer 1

HTML

<div class="container"> 
    <div id="slider"></div> 
    <div id="captionBox"></div> 
</div> 

CSS

.container {position:relative} 
#captionBox {position:absolute;top:0;left:0} 

您可以更改頂部和左像素值也e.g 10px的。您還可以再申請的z-index CSS規則的分層效果

解釋

絕對定位的元素被定位在偏移到具有相對定位其最近方興未艾的邊界。一個絕對定位的元素在HTML文檔的流程中被忽略，所以你不能浮動它