1

ラッパー div の左側と右側に配置したい 2 つの背景画像があります。これを行うために CSS3 background-image プロパティを使用していますが、機能していません。これがどのブラウザでも機能しない理由について、誰でも理解できますか。また、これを最新のブラウザーで動作させたら、IE 7 などの古いブラウザーでも動作するかどうかを知りたいですか?

これは、私が達成しようとしているもののビジュアルです。ナビゲーション (緑色のバナー) が既に配置されているので、トリッキーな赤いバナーを配置して背景を円にする必要があります。

赤いバナーの端を円の背景と一緒にスライスし、以下のコードを適用するとうまくいくと思いましたが、側面を平らに保つ必要はありません.

ここに画像の説明を入力

body{ 
    background-color:#e5e5e5; 
    background-image: url("../img/background_left.png"),url("../img/background_right.png");
    background-position: right top, left top; 
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed, fixed;
    }
4

1 に答える 1

1

あなたに高さを追加する<body>と、それは機能します-デモ

html, body {
    height: 100%;
}

body{ 
    background-attachment: fixed, fixed;
    background-color:      #e5e5e5; 
    background-image:      url(http://lorempixel.com/300/200), url(http://lorempixel.com/200/300);
    background-position:   right top, left top; 
    background-repeat:     no-repeat, no-repeat;
} ​

ただし、古いIEでは機能しません-複数のバックグラウンドがサポートされています

于 2012-10-13T01:03:33.110 に答える