1

私は小さなウェブサイトの例に取り組んでおり、div のサイズ変更可能な背景が必要ですが、下部の背景を機能させることができないようです。

私のCSS：

.content {
    padding: 10px 0;
    height: 100%;
    background-image: url(bodytop.png), url(body.png), url(bodybot.png);
    background-size: 100%;
    background-repeat: repeat-x, repeat-y, repeat;
}

どうすればこれを機能させることができますか? bodybot.png が表示されません。HTML に新しい div を作成してこれを行うことはできますか? 上部に bodytop.png 、中央に body.png のサイズ変更、下部に bodybot.png が必要です。ありがとう。

4

2 に答える 2

0

bodybot.pngでカバーされているようにbody.png。あなたは前に移動する必要がありますbodybot.png。

背景画像に最初に配置した画像が最後に描画され、最後の画像が最初に描画されます。

于 2012-11-10T07:51:14.293 に答える
0

こうすればいいのに……。

改訂されたFIDDLEを確認する

CSS

 .container{
background: url(http://i.imgur.com/AFh3Y.png) bottom left repeat-x, url(http://i.imgur.com/kiCmk.png) top left no-repeat , url(http://i.imgur.com/3qKoZ.png) left repeat-y ;
width:960px; display:block;
}

.content {
padding: 10px 0;
}
于 2012-11-10T18:44:15.067 に答える