0

相対ポジショニングを使用して、2つの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%'
});
4

1 に答える 1

1

位置を絶対位置に変更して、相対位置のラッパーを追加してみてください。この例を参照してください：http： //jsfiddle.net/fKmYN/19/ あいさつ、Gijoey

于 2012-05-23T21:26:55.680 に答える