0

http://i.imgur.com/5X5D7.jpgのように、コンテンツ領域を囲む背景（両側に少しだけ陰影を付ける）を使用しようとしています。

980pxの固定幅レイアウトのために真ん中に部屋を残しました。

私の体のCSSはこれだけです：

body {
  margin: 0;
  padding: 0;
  background: url(../images/bg.jpg) center repeat-y;

}

コンテンツのないホームページでは見栄えがします。しかし、いくつかの段落が入力されているテストページに移動し、ブラウザにスクロールバーが表示されると、背景とコンテンツ領域を分割するように見えるわずかな白い線があります。

背景画像の陰影をピクセル単位でシフトしてみましたが、ホームページでは機能しません。

これを防ぐためにCSSで他にできることはありますか？

私はこれを禅をテーマにしたDrupalで試していると言うべきであり、他には何も変わっていません。

4

1 に答える 1

1

あなたのためにjsfiddleを作りました：http://jsfiddle.net/Ja2SR/

基本的に、ブラウザが 1px を 2 つに分けようとしているのを見ていると思いますが、それは決してできません。しかし、なぜそれが問題なのかよくわかりません-フィドルでは赤の隣に白として表示されるコンテンツ領域内に線が表示されますが、コンテンツ領域も白で、両側にパディングがある場合、私はそれがあると思います...そして、もう1ピクセルあることはそれほど悪くないはずです。私が間違って仮定している場合は、私を修正してください！

于 2012-08-21T23:55:40.310 に答える