0

私はブロガーを使用しており、最近この cc コードをテンプレート デザイナーの詳細セクションに挿入して、背景画像を入力しました。

body { 
    background: url(http://img854.imageshack.us/img854/9854/ied6.jpg) no-repeat;
    background-attachment:fixed;
    background-color: none;
}
.body-fauxcolumn-outer div {
    background: none !important;
}

問題は、ブラウザー ウィンドウのサイズを変更すると、背景は同じままですが、ページ上のすべてのウィジェット/要素がウィンドウと共にサイズ変更されることです。

www.ashlylondon.blogspot.comを参照してください。

背景画像の白い領域に収まるように、ウィジェットと一緒に背景のサイズを変更する必要があります。

4

3 に答える 3

2

背景のサイズ変更に大きく依存しているため、それなしではレイアウトが機能しません。それは理想的ではありません。このような状況への典型的なアプローチは次のようになります。

  • 画面全体を覆う背景画像を用意する

  • <div>実際のコンテンツを含む要素にプロパティを与えbackground-color: whiteます。

  • 背景画像を画面サイズに合わせて拡大縮小するために引き続き使用できますが、レイアウトが機能するためには必要background-sizeなくなりました。

これにより、コンテンツが何があっても常に読み取り可能になります。background-size古いブラウザーや一部のモバイル デバイスなど、動作しない場所でも動作します。

于 2013-08-01T11:58:31.657 に答える