0

HTMLページの背景としてタイル可能な木の模様があります。背景は、Photoshop やその他のソフトウェアで表示すると完全にシームレスに見えますが、html ページでは、メインの div 要素の開始点と終了点で不連続に見えます。

ここにプレビューがあります: http://i.imgur.com/eTQthA2.png

この異常は、さまざまなブラウザー間で持続します。(最新バージョンの Firefox、Chrome、および IE でテストしました。) この背後にある理由は何でしょうか?

コードの特定の部分を見たい場合はお知らせください。

編集：

問題を解決しました。CSS を投稿するように求められたとき、セレクターの本体、html を使用して背景画像を適用していることに気付きました。セレクターからhtmlを削除すると、少しうまくいきました。

CSS:

body, html {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #455d76;
  background-image: url("images/bg.png");
  background-repeat: repeat-x repeat-y;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
4

2 に答える 2

0

問題を修正しました。background プロパティを指定する際に、「body, html」をセレクターとして使用していました。セレクターから 'html' を削除 (つまり、body だけを残す) すると、少しはうまくいきました。

(エイリアンさんに感謝します。background-image プロパティがさまざまな要素 (この場合は body と html) に対して宣言されていることについて、あなたは正しかったです。)

回答/コメントしてくれたすべての人に感謝します。:)

于 2013-04-05T04:01:35.037 に答える
0

まず、質問をするときはいつでも、ここにコードを投稿し、プレビュー画像やウェブサイトへのリンクを提供しないでください。質問を解決するのが難しくなります.

あなたの質問に来て、画像から、background-imageたとえばdivforのように別の要素にプロパティを使用しているように見えるので、代わりに CSS でそのプロパティをタグにheader, main, and footer宣言しますbody

body {
   background-image: url('whatever.png');
   background-repeat: repeat;
}
于 2013-04-04T10:37:46.917 に答える