我有两个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%'
});