1

固定ボディの背景と同じ高解像度の背景を使用しており、さらに 5 つの要素でも使用しています。

body{
  background: url(highres.png) top center;
  background-attactment: fixed;
} 

box1{
  background: url(highres.png) top center;
  background-attactment: fixed;
}
box2{
  background: url(highres.png) top center;
  background-attactment: fixed;
}
.......
.......

私の質問は、上記のように url(image.png) を数回使用する場合、ブラウザはそれを 1 回または一度に各 URL をロードしますか? これはブラウジング エクスペリエンスが遅くなる原因になりますか?

4

1 に答える 1

3

そうすれば、3回読み取ります:これを行うことができます

body, #box1, #box2{
  background: url(highres.png) top center;
  background-attactment: fixed;
}

次に、通常のようにスタイルを設定できます

于 2013-06-12T12:04:33.147 に答える