如何避免背景圖像平鋪當瀏覽器窗口調整大小

我所使用的實際圖像的背景圖像內body標籤然後被固定它具有的actual site 如何避免背景圖像平鋪當瀏覽器窗口調整大小

一個例子當我在大屏幕的背景圖像上查看像這樣的瓷磚 enter image description here

我該如何使圖像不會在實際網站中顯示並且仍然是「單個」。

的CSS我使用的是下面

body { 
margin:0; padding:0; 
background: url(../images/new.jpg) fixed #A8BFAD; 
}

2013-05-30 Olubunmi

如果你想要的形象保持實際尺寸：

body { 
     background: url(../images/new.jpg) fixed #A8BFAD no-repeat; 
    }

如果你想要圖像填補了屏幕：

body { 
    background: url(../images/new.jpg) fixed #A8BFAD; 
    background-size: cover; 
}

2013-05-30 22:32:04 Turnip

我很確定這個答案給你兩個很好的解決方案，其中一個你甚至不知道你想要的。 – dkroy

這工作完美！ – Olubunmi

@dkroy我從來不知道「背景大小：封面」，這正是我想要的。 – Olubunmi

添加background-repeat:no-repeat;到body在你的CSS

body { 
    margin:0; 
    padding:0; 
    background: url(../images/new.jpg) fixed #A8BFAD; 
    background-repeat:no-repeat; 
}

2013-05-30 22:31:03

回答