背景圖像：不重複不工作，語法是正確的

下面是我使用的背景圖片的語法。出於某種原因，它正在重複Y。我不能使用overflow:hidden;背景圖像：不重複不工作，語法是正確的

<style> 
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;} 

</style>

我想背景圖像不重複在x和y上。

2012-06-19 X10nD

你不想背景重複：不重複，而不是背景圖像？ –

語法不正確。 – canon

根據誰來判斷語法不正確？ –

你應該使用的語法是

background-image: url(path/images/backgroundimage.jpg); 
background-repeat: no-repeat;

..或交替

background: url(path/images/backgroundimage.jpg) no-repeat;

如果你喜歡short-hand syntax。

background-image總是隻定義一個圖像文件，所以在你的例子中，第二個background-image規則試圖覆蓋第一個，但由於「no-repeat」不是有效的圖像文件，瀏覽器只是忽略它。

的各種背景性能列here以供參考。

2012-06-19 20:39:20 lucideer

背景不會重複，但在那之後其白色圖像。 – X10nD

應該有什麼，而不是白色？你能鏈接到一個例子嗎？否則很難分辨出什麼是錯的？ – lucideer

不能相信順序問題，但它似乎確實如此：\ – rogerdpack

可以使用background-repeat:no-repeat;

2012-06-19 20:40:30 ama2

的background酒店，你可以改變一些屬性。

可以單獨設置每一個，像你」重新嘗試去做。如果您將相同的設置兩次，則只有最後一個生效。

你設置background-image兩次，其中第二個應該是background-repeat。

還有一個速記符號，你這樣做

background:#ffffff url('img_tree.png') no-repeat right top;

在一條線來設置多個屬性。你可以用它來更改您的代碼

body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; }

2012-06-19 20:44:13 sachleen

-2

爲了得到無背景的重複在HTML中使用這個語法： CSS（內部樣式表）使用此代碼的風格標籤的頭部

background-image:url("some picture url"); 
background-repeat:no repeat;

- 它將提供單一視圖的背景圖像，無需重複。

2015-07-27 13:36:14

回答