0

repeat-y要素に背景を添付しましたが、body他のすべては正常に機能しますが、ウィンドウの幅がのよりも小さい場合、背景は実際には要素ではなくウィンドウの中央に配置されていることに気付きmin-widthましたbodybody

Chromeの要素インスペクターから(水平スクロールバーからも明らかですが)min-width属性が機能することを確認しました。背景はそれに応じて中央に配置されていません。

最新のコンシューマーChromeを実行しています。これはブラウザのバグですか(私にはそれが好きなにおいがします)?どうすればそれを回避できますか?

私はフィドルを作りました。http://jsfiddle.net/FXyMz/ —結果ウィンドウの幅を250ピクセルより小さくすると、表示されます。

4

1 に答える 1

1

body要素は特殊なケースであり、希望どおりに機能しません。

「ルート要素の背景がキャンバスの背景になり、その背景のペイント領域がキャンバス全体をカバーするように拡張されます」
http ://www.w3.org/TR/css3-background/#special-backgrounds

あなたの最善の策は、おそらくあなたが体が振る舞うことを期待しているように振る舞うために体の中に別の層を置くことです。

これ: http: //jsfiddle.net/7mVNL/1/は部分的な解決策です。ラッパーがビューポートの一番下までペイントされていないことがわかります。

于 2012-05-10T19:45:21.653 に答える