在div下的花木背景奇怪的行爲

我有一個花木圖案作爲HTML頁面中的背景。在Photoshop或任何其他軟件中查看時，背景看起來完美無瑕，但在html頁面上，在我的主div元素開始和結束的位置看起來不連續。在div下的花木背景奇怪的行爲

這裏有一個預覽：http://i.imgur.com/eTQthA2.png

這種異常現象在不同瀏覽器仍然存在。（我已經在最新版本的Firefox，Chrome和IE中進行了測試。）背後的原因是什麼？

讓我知道你是否想看看代碼的特定部分。

編輯：

解決的問題。當被要求發佈CSS時，我注意到我使用了選擇器body，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); 
}

來源

2013-04-04 Amjad

你可以發佈div和html的css，body – 2013-04-04 10:37:03

@Amjad，你可以發佈你的解決方案作爲你自己的問題的答案並接受它。這樣，這個問題就不會被標記爲未來的讀者沒有答案。 – ASGM 2013-04-04 12:20:24

首先，只要問一個問題，你應該張貼您的代碼在這裏並沒有給出鏈接預覽圖像或您的網站，因爲它讓我們很難解決你的問題。

來到你的問題，從圖像看起來你正在使用background-image屬性好比說例如div爲header, main, and footer不同的元素，這樣反而聲明屬性body標籤，而不是在你的CSS

body { 
    background-image: url('whatever.png'); 
    background-repeat: repeat; 
}

來源

2013-04-04 10:37:46

剛發佈CSS並解決了問題。從選擇器中刪除'html'解決了這個問題。 – Amjad 2013-04-04 10:43:29

解決了這個問題。我在指定背景屬性時使用了「body，html」作爲選擇器。從選擇器中刪除'html'（即，只留下正文）做了一點。

（感謝外星人先生，你是對的background-image屬性被宣佈爲不同的元素，即身體和HTML在這種情況下）。

謝謝大家誰回答/評論。 :)

來源

2013-04-05 04:01:35 Amjad

在div下的花木背景奇怪的行爲

回答

相關問題