有時我在Chrome中得到一個破碎的背景。我沒有得到任何其他瀏覽器的這個錯誤。與背景顏色和谷歌瀏覽器問題
這是負責身體的背景顏色簡單的CSS行：
body
{
background: black;
color: white;
font-family: Chaparral Pro, lucida grande, verdana, sans-serif;
}
這正是我怎麼搞定這個問題。我點擊Gmail電子郵件中包含的鏈接，發現問題（無背景）。然後我刷新頁面，背景完全着色。
如何解決這個問題？
我不是100％肯定，但嘗試用「HTML，身體」來代替選擇：
html, body
{
background: black;
color: white;
font-family: Chaparral Pro, lucida grande, verdana, sans-serif;
}
我看到了這個問題太鉻，如果我沒記錯的話，如果你最小化，然後最大化你的窗口修復了它？
還沒有真正使用鉻太多，因爲它被釋放，但是這絕對是我在谷歌責怪，因爲我是檢查它的代碼是氣密性。
我想嘗試什麼洛根和1mdm建議，壽調整的CSS，但我真的等待新的Chrome版本來與修復的錯誤，越來越多的白頭髮了。
恕我直言，目前的Chrome版本仍然是alpha版和發佈，以便它可以傳播，而它在發展。我個人對桌面寬度有問題，我的代碼在每個瀏覽器都能正常工作，但無法在Chrome中使用。
每個人都有說你的代碼是很好，你知道它在其他瀏覽器沒有問題。 所以現在是時候放棄科學，只是嘗試的東西 :)
嘗試把背景顏色的身體標記本身而不是/ as-井 - 在CSS中。也許再次堅持（減少）在Javascript中。在某些時候，Chrome將不得不隨時隨地放置背景。可能是一個時序解釋問題...
[如果任何這項工作，當然，你可以切換它的服務器端，從而有趣的代碼只在Chrome中顯示出來。而在幾個月後，當鉻已發生變化，這個問題消失...好了，擔心以後]
我能有解決這個問題：
html { height: 100%; }
玉傢伙，我發現了一個解決方案, 。這不是很好，但沒有副作用。
的HTML：
<span id="chromeFix"></span>
（把這個身體下面標籤）
的CSS：
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }
這裏做的事情來解決這個問題：
這會迫使Chrome瀏覽器認爲頁面內容不是100％，這會阻止內容大小出現內容大小並解決缺少的背景錯誤。這基本上是做height: 100%應用於body或html時所做的，但是當滾動（過去100％的頁面高度）時，如果在這些元素上的高度爲100％，您不會獲得背景切斷的副作用。
現在我可以睡=]
奇怪的是它實際上並沒有發生在每一頁上，它似乎並沒有刷新，甚至時，總是工作。
我的解決方案是添加{height: 100%;}以及。
如果你仍然有問題，您可以嘗試切換chromeFix「頂」到「底」之上，也是一個DIV而不是一個跨度
<div id="chromeFix"></div>
風格：
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; bottom: 0px; left: 0px; }
HTML和身高100％在較舊的IE版本中不起作用。
您必須將body元素的backgroundproperties移動到html元素。
這將修復交叉瀏覽器。使用
我的層疊樣式表：
body {background-color: #FAF0E6; font-family: arial, sans-serif }
它工作在Internet Explorer，但在Firefox和Chrome失敗。我把它改爲：
body {background: #FAF0E6; font-family: arial, sans-serif }
（即我刪除-color）
它可以在所有三個瀏覽器。 （我必須重新啓動Chrome。）
谷歌瀏覽器和Safari瀏覽器需要調整正文和背景問題。 我們使用下面提到的附加標識符。
<style>
body { background:#204960 url(../images/example.gif) repeat-x top; margin:0; padding:0; font-family:Tahoma; font-size:12px; }
#body{ background:#204960 url(../images/example.gif) repeat-x top; margin:0; padding:0; font-family:Tahoma; font-size:12px;}
</style>
<body id="body">
使用body和#body標識符並在兩者中輸入相同的樣式。 使用身體的id屬性製作身體標記。
這適用於我。
當您創建使用Dreamweaver的網頁設計CSS樣式，Dreamweaver將默認的代碼，如
@charset 「utf-8″;嘗試從你的樣式表中除去此，背景圖像或顏色應正確顯示
它必須是WebKit問題，因爲它在Safari 4中和Chrome。
body, html {
width: 100%;
height: 100%;
}
爲我工作:)
我有同樣的問題上一對夫婦的網站，並通過移動從身體的背景造型爲HTML（我猜固定它是body {}的變化到html, body{}技術已經提到，但表明，你可以用HTML做的樣式），例如
body {
background-color:#000000;
background-image:url('images/bg.png');
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
color:#cccccc;
}
成爲
html {
background-color:#000000;
background-image:url('images/bg.png');
background-repeat:repeat-x;
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
color:#cccccc;
}
這個工作在IE6-8，鉻4-5，Safari瀏覽器4，歌劇10和Firefox 3.x中沒有明顯的討厭的副作用。
亞當chromeFix與保羅·亞歷山大的純CSS修飾溶液中解決了這個問題的Chrome，而不是在Safari瀏覽器。一些額外的調整也解決了Safari中的問題：width: 100%和z-index:-1（或其他適當的負值，將此元素放在頁面上的所有其他元素之後）。
的CSS：
body:after {display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:-1; content: "";}
簡單，正確，解決方案 - 用HTML定義，而不是身體的背景圖像和顏色。除非你已經在身體中定義了一個特定的高度（不是百分比），否則它的高度將被認爲與保持所有內容所需的高度一樣高。所以你的背景樣式應該進入html，這是整個html文檔，而不僅僅是body。 Simples。
我很確定這是Chrome中的一個錯誤。如果您將瀏覽器調整爲全屏，然後切換選項卡，最有可能發生這種情況。有時如果你只是切換標籤/打開一個新的。很高興聽到你找到了一個「修復」。
我在Chrome和Safari瀏覽器中都有同樣的事情，也就是Webkit瀏覽器。我懷疑它不是一個錯誤，但錯誤的使用CSS會'破壞'背景。
在上面的問題，身體背景屬性設置爲：
background: black;
這很好，但不完全正確。沒有圖像背景，因此...
background-color: black;
嘗試所有其他解決方案沒有在這裏取得成功後，我持懷疑態度試圖this article找到了解決辦法，並得到它的工作。
本質上，它歸結爲從您的CSS中刪除@charset "utf-8";。
這似乎是DreamWeaver中的一個糟糕的實現 - 但它確實爲我解決了這個問題，無論如何。
這裏是我結束瞭解決問題：
這是實際問題，明確定義的CSS body標籤沒有被拾起。
我的環境：Chrome的瀏覽器/ Safari瀏覽器，
第一次，當它不工作，所以根據此線程的建議我結束了添加CSS文件與HTML入門
樣品CSS文件：mystyle.css
<style type="」text/css」">
html {
background-color:#000000;
background-repeat:repeat-x;
}
body {
background-color: #DCDBD9;
color: #2C2C2C;
font: normal 100% Cambria, Georgia, serif;
}
</style>
樣本HTML文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Mac OS X (vers 31 October 2006 - Apple Inc. build 15.6), see www.w3.org">
<title>Test Html File</title>
<link rel="stylesheet" href="mystyle.css" type="text/css">
</head>
<body>
<h1>Achieve sentence with Skynet! READ MORE</a></h1>
</body>
</html>
第一裝載它會在Chrome中工作，然後回到CSS文件中註釋的HTML項後，所以修改後的CSS將
<style type="」text/css」">
// html {
// background-color:#000000;
// background-image:url('bg.png');
// background-repeat:repeat-x;
// }
body {
background-color: #DCDBD9;
color: #2C2C2C;
font: normal 100% Cambria, Georgia, serif;
}
</style>
顯然似乎是在WebKit的漏洞，看到了在Safari中同樣的行爲也是如此。感謝分享html信息，一直圍繞着爲什麼身體標記無法正常工作。
最終輸出是這樣的：
我有這個問題，間歇性爲好。很高興知道我不會發瘋。 – 2009-01-08 20:18:57
我也有這個。 – svinto 2009-01-10 12:18:00
我上個月也是這麼做的......但是我使用的是firefox，它基本上在所有頁面中都會發生。 – 2010-08-04 09:55:36