0

私はコンテンツボックスを持っています.2つの背景画像を表示し、コンテンツを重ねます。次のコードは、ff、chrome、および ie9 では機能しますが、互換性のある ie9 および ie8 では機能しません。

#content {
background-color: #dcdde1;
position: relative;
min-height: 347px;
}

#content_box {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 848px;
padding: 20px;
}

#content_background_top {
background-image: url('../img/content_background_top.png');
background-repeat: repeat-x;
position: absolute;
height: 146px;
width: 888px;
top: 0;
left: 0;
z-index: 2;
}

#content_background_bottom {
background-image: url('../img/content_background_bottom.png');
background-repeat: repeat-x;
position: absolute;
height: 215px;
width: 888px;
bottom: 0;
left: 0;
z-index: 1;
}

<div id="content">
    <div id="content_background_top"></div>
    <div id="content_background_bottom"></div>
    <div id="content_box">
        <?php echo $this->Session->flash(); ?>
        <?php echo $this->fetch('content'); ?>
    </div>
</div>

助けてください。これを機能させることは非常に重要です

Mに挨拶。

4

1 に答える 1

0

あっ、待って。試す：

#content {
background-color: #dcdde1;
position: relative;
min-height: 347px;
height: 347px;
}

これでうまくいかない場合は、clearfix が必要かもしれません。

于 2013-02-21T11:22:28.437 に答える