1

私はすでに背景画像をフルスクリーンに適用しており、任意の解像度に固定しています:

body {

background:url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Sky_with_puffy_clouds.JPG') no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

ただし、今必要なのは、別の画像を中央に配置することです。これは、ブラウザーのサイズが変更された場合に下に繰り返され (スクロール可能)、本文に従います。（画像はこちら）。

本文の html にコンマを含む 2 番目の画像を追加しようとすると、最初の画像の「no-repeat center center fixed;-webkit-background-size: cover;....」アクションが新しい画像に適用されます。 .

私が説明した方法で別の画像を追加し、元の画像をそのままにしておく方法はありますか?

基本的に、この画像をすべてのボディなどのラッパーとして使用したい.

申し訳ありませんが、私はまったくの初心者で、物事に精通し始めたばかりです。

4

1 に答える 1

1

HTML:

<div class="main">
<p>I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.</p>
   </div>

CSS:

body {
width:100%;
background:url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Sky_with_puffy_clouds.JPG') no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.main{
  margin:0 auto;
  width:960px;
  background:url('http://1.bp.blogspot.com/-fcyW3-zf_QU/UJMiLfDY44I/AAAAAAAAAIg/wA9ZVtJ3aLM/s1600/innertest.jpg') no-repeat;

}
于 2012-11-02T09:53:20.797 に答える