將兩個相對定位的div堆疊在彼此的頂部

Question

我有兩個div，我想使用相對定位彼此重疊。

<div id="display_background"> 
</div> 
<div id="display_foreground"> 
    <div id="home"> 
     This is the home page 
    </div> 

    <div id="info"> 
     This is the info page 
    </div> 

    <div id="contact"> 
     This is the contact page 
    </div> 
</div> 

我試圖堆疊它們，並使用相對定位，因爲我想要div位置與背景圖像進行調整。

下面是我使用的CSS：

$('#display_background').css({ 
    'background-color': 'white', 
    opacity: 0.5, 
    position: 'relative', 
    left: '66%', 
    top: '66%', 
    width: '425px', 
    height: '330px', 
    border: '1px solid' 
}); 
$('#display_foreground').css({ 
    position: 'relative', 
    left: '66%', 
    top: '66%', 
    width: '20%', 
    height: '25%' 
}); 

Answer 1

你可以試着改變位置絕對和添加的包裝用相對位置來。 看到這個例子： http://jsfiddle.net/fKmYN/19/ Greetings，Gijoey