不垂直重複的背景圖片

如果您滾動到此頁面的底部 - http://dev.socialadr.com/get/begin06 - 您會看到帶有陰影的白色背景停止在最後。不垂直重複的背景圖片

這是我想垂直重複圖像文件： http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif

正在使用的CSS文件是： http://dev.socialadr.com/_css/css.php

而且我相信這是這個#page_wrapper ID需要進行修改：

#page_wrapper { 
    width:1014px; 
    margin:0 auto; 
    padding:0; 
    min-height: 300px; 
    background: url(http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif) repeat-y center top; 
    height:100%; 
}

我已經嘗試了噸不同的東西，讀了一堆其他StackOverflow的帖子關於類似的問題，但對於我的生活我不能g等它工作。

任何想法？

謝謝！凱恩

來源

2011-10-09 Kane

如果您使用單獨的背景重複屬性，會發生什麼情況？ – bricker

@bricker - 剛試過，似乎沒有幫助。 :( – Kane

我認爲這是網址缺失的引號，請參閱下面的答案，如果沒有引號，語法就會混亂，並且不會識別網址後面的任何內容，直到結束大括號。 – bricker

試着將引號的網址：

background: url('http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif') repeat-y center top;

來源

2011-10-09 06:27:49 bricker

試過了，沒有幫助 – Kane

The頁面引用了http://socialadr.com/_css/css.php，但是您正在編輯http://dev.socialadr.com/_css/css.php。當我訪問第一個鏈接時，您的更改都不存在並且實際上它說「不重複」 – bricker

Doh！是的，我很傻...謝謝！ – Kane

你活CSS不包括粘貼的代碼中給出的重複y屬性。

此外，您的圖像文件非常大。由於圖像意味着平鋪，圖像高度應該是一個平鋪的高度。

您還應該將圖像分成兩部分，並將它們設置爲兩個不同元素的背景。平鋪當前圖像將包括帶角的框的頂部，這不是你想要的。將僅角落圖像設置爲一個元素的背景，然後將另一個元素上的圖像圖像設置爲repeat-y。

來源

2011-10-09 06:33:04 knite

好點，我不得不清除緩存，現在http://dev.socialadr.com/_css/css .php顯示更新過的#page_wrapper。 – Kane

關於分解圖像的第二個建議稍微超出了我的技能範圍;） – Kane

他是對的。 [這就是它的樣子]（http://i.imgur.com/M918i.png）。 – bricker

不垂直重複的背景圖片

回答

相關問題