0

<html>背景画像を中央に配置して上に、中央に配置して下に設定しようとする<body>と、機能せず、<html>背景のみが表示されます。

これはすべてのブラウザにありますか？

4

3 に答える 3

1

CSS3 を使用して、複数の背景を使用してこれを実現できます。何かのようなもの：

body {
  background-image: url(bg1.png), url(bg2.png);
  background-position: center top, center bottom;
}

そうでない場合は、との高さが 100% であること、または少なくとも が 100%であることを確認してください。bodyhtmlmin-height

于 2013-04-10T09:28:39.223 に答える
0

タグはドキュメント ルートであり、<html>実際には、表示したり、CSS プロパティを適用したりすることを意図したものではありません。CSS 仕様 2.1 では が<html>ボックス モデルを持つように定義されていますが、それでも私はそれに依存しません。

CSS3 で複数の背景を設定するか、次の<div>ように追加の (絶対または固定) を作成できます。

HTML

<body>
    <div id="container">
         <!-- your usual content -->
    </div>
    <div id="bg"></div>
</body>

CSS

body { background-image: url(...); }

#bg {
    background-image: url(...);
    float: left; /* body overflow fix */
    left: 0;
    position: absolute;
    top: 0;
    height: 100px; /* height of your background */
    width: 100%;
    z-index: -1000;
}
于 2013-04-10T09:24:02.883 に答える