-1

この最初の画像は現在取得している実際の出力です

2番目の画像は私の必要な出力です

これは、この背景をもたらすセクションに適用された css です。

#banner{
  background: #242a33 url(../images/sliderbg.jpg) no-repeat 50% 50%;
  background-size: cover;
  background-position:center;
  background-attachment: fixed;
}

他のセクションにも同じ css コードを使用していますが、問題なく動作します。ここで何が問題なのかわかりません。BG画像サイズは1600px×400pxです。

4

2 に答える 2

0
#Banner {
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  background: url('PathToImage');
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 600px;
}
于 2016-02-20T06:08:33.253 に答える
0

に切り替えbackground-size: cover;ますbackground-size: contain;。必要な効果を得るには、いじってbackground-position設定する必要がある場合があります。background-position: top;

于 2016-02-20T05:55:02.387 に答える