背景圖片不會重複全高

Here你可以看到我的問題。背景圖像被設置爲重複整個高度，但它不像想要的那樣工作。背景圖片不會重複全高

我的CSS

#wrapper { 
    margin: 0px; 
    padding: 0px; 

    background: url(img02.jpg) repeat-x left top; 
}

我嘗試添加theese線

body { 
    margin: 0; 
    padding: 0; 
    background: #F7F7F7 url(img01.jpg) repeat left top; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 14px; 
    color: #5A554E; 

/* theese lines added*/ 
     min-height:100%; 
     height:auto; 

}

但還是背景圖像不會重複所有的高度。

來源

2014-10-05 Edgars

您只設置repeat-x，它指示它在x軸上重複 – 2014-10-05 12:49:48

您只設置了repeat-x，它指示它在x軸上重複，但是使這種梯度圖像重複出現在相當醜陋的背景中。相反，如果可能的話，我建議用css來做所有的事情。

其中許多有用的工具來生成CSS漸變： http://www.colorzilla.com/gradient-editor/

來源

2014-10-05 12:50:40

-1

如果想舒展的背景以填充頁面，使用：

background-size: 100%;

否則，如果你想再說一遍，使用Erik的答案。

來源

2014-10-05 12:51:50 Shomz

背景圖片不會重複全高

回答

相關問題