2016-08-22 103 views
0

水平重複因此,這是一些代碼我有:背景圖像的一行

html{ 
    background-image: url(blue.jpg); 
    background-repeat: no-repeat; 
    background-repeat-x: no-repeat; 
    background-size: cover; 
} 

然而,圖像被水平地對頂行重複。在第一行之後,圖像覆蓋頁面,頂部被重複的第一行覆蓋。

我在做什麼錯?

+1

你想要做什麼? –

+1

你的html在哪裏? –

+0

發現錯誤,它在我的HTML中,因爲我試圖從那裏設置背景。 – Code123

回答

1

您使用:

background-image: url(blue.jpg) no-repeat; 
+0

它應該是背景:url(blue.jpg)no-repeat;當使用背景圖像時,你可以只有圖像的URL,然後添加背景重複:不重複。 –

0

請確定你是不是從別的地方重新設置背景圖片。因爲,當您嘗試從其他地方更改它時,它會重置所有其他參數。如果您要從其他地方更換它,請確保在那裏設置background-repeat-x: no-repeat;