Q

如何使背景疊加圖像完全重複CSS？

2015-01-16 94 views 0 likes

0

我在我的wordpress網站http://casper-creations.com上有多個背景圖片，一個是背景圖片，另一個是頂部的透明對角線圖案，但它的工作正常，但如果仔細看第一頁，它不會在整個頁面上重複它似乎只是中途下降，你可以看到它在這一頁更清晰http://casper-creations.com/weddings-2/如何使背景疊加圖像完全重複CSS？

這是我的CSS，我有它設置爲重複，所以不太確定爲什麼它不重複頁面的全長。 ..任何想法的人？

謝謝...

html { 
 
    overflow-y: scroll; 
 
    font-size: 100%; 
 
    overflow-y: scroll; 
 
    -webkit-text-size-adjust: 100%; 
 
    -ms-text-size-adjust: 100%; 
 
    background: #c2e8eb url(http://casper-creations.com/wp-content/themes/responsive/core/images/bg-cloud.jpg) repeat-x; 
 
} 
 
body { 
 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
 
    font-size: 13px; 
 
    line-height: 1.5em; 
 
    background: url(http://casper-creations.com/wp-content/themes/responsive/core/images/bg-diagonal-pattern.png) repeat; 
 
}

2015-01-16 Lucy ' Casper' Smith

+0

嘗試使用僞選擇器像'::之後'，'::之前' – Mardzis

+0

對不起，我不知道你的意思 –

+0

我甚至不會介意如果這兩個背景都是固定的，我嘗試刪除滾動和設置固定在身體和HTML但身體但它不工作 –

A

回答

2

這是因爲代碼http://take.ms/Nixqs

html, body { 
    height: 100%; 
}

這個片段時，你的身體設置爲100％，與background-attachment: fixed圖像被重複，只要作爲身體的高度，所以只有整個窗戶的100％。刪除它，一切都應該沒問題。

這裏是image with working example

2015-01-16 22:47:53 Ewelina

+0

這將是輝煌的，如果我能找到它，它似乎不是在主題的CSS或我的自定義css –

+0

只有這在主題CSS，只有我發佈在我的自定義CSS '/ * 1.1默認*/ HTML {font-size：62.5％; background-color：＃6e95b6; } body {font-size：1.4em; line-height：1.7142em;顏色：＃777; }' –

+0

很酷我覺得我已經修復了它，我找不到上面所以我只是加了 'html，body {0} {0} {0} {height}; height：auto; }' 而這似乎解決了問題！ –

0

您有對身體和HTML不同高度的問題。剛剛和min-height: 100%;身體選擇器。

body { 
min-height: 100%; 
}

enter image description here

2015-01-16 23:31:37 IGRACH

+0

我遇到麻煩伸展身體對角線背景HTML頁面的背景做的頁面的全長，我試圖添加最小高度它沒有工作 –

+0

我想我找到它，你必須：體{ 高度：自動重要; ！} 只是刪除它的工作，我使用谷歌檢查規則在[自定義CSSS（HTTP：//。 casper-creations.com/?custom-css= 1＆csblog = 1＆cscache = 6＆csrev = 103） – IGRACH

+0

我只是試過它仍然是一樣的：'（ –

0

如果沒有編輯CSS我有更好的方式來重新寫的身體和html標籤的CSS的方式完全於是就有了多重背景在頂部的對角線和雲底下

2015-01-17 00:12:21

+0

我放棄了，只是將對角線添加到背景本身......沒關係...... –

相關問題