1

ブラウザーの 100% にまたがる要素で次のコードを実行しています。

#section_white {
  background-attachment:fixed;
  background-image:url(image_url_here.jpg);
  background-position:100% 100%;
  background-repeat:no-repeat no-repeat;
  background-size:cover;
}

私がする必要があるのは、画像をブラウザの幅全体に広げ、固定したままにすることです (これにより、コンテンツがその上にスクロールできるようになります)。

Safari を除くすべてのブラウザで動作するようです。

要素の高さと最小高さを100%に設定しようとしましたが、喜びはありませんでした。

デモ ページへのリンクは次のとおりです。 http://oscarsarc.tinygiantstudios.co.za/adopt/adopt-nationwide/

4

2 に答える 2

2

Windows 用の Safari はもはやサポートされていないことが判明し (なぜこれを見落としたのでしょうか?!)、私が使用しているものは古すぎて役に立ちません。OSX / Safariを使用すると、桃色に見えます（ベンジャミンによると）

于 2014-09-22T11:37:40.120 に答える