HTML背景不重複

如何在html中放置背景圖片而不重複覆蓋整個頁面？是否有HTML代碼或我必須使用CSS代碼？HTML背景不重複

2017-06-18 user8179033

'背景重複：NO-重複'在你的CSS –

簡單的谷歌搜索顯示很多答案。 –

針對您的問題的最佳解決方案是將background-repeat:no-repeat或background-size: cover添加到您的CSS或您的元素的style標記。

例如：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

如果你堅持只使用HTML，你必須根據你的形象，或者是其他的方式來調整的元素。你的問題是指一個頁面的背景圖片，所以對於我的openion CSS或style是實現此目的的唯一方法。

來源

2017-06-18 13:30:04

有，你可以用它來控制背景圖像的大小和重複兩個CSS屬性：

背景重複
背景大小

爲了設置爲覆蓋目標元素的背景圖像，您可以使用值不重複和覆蓋，如下所示：

targetelement { 
    background-image:url('example.jpg'); 
    background-repeat:no-repeat; 
    background-size:contain; 
}

如果您想了解更多關於這些CSS屬性和它們的可能值，看看這兩個網頁：

來源

2017-06-18 13:40:59 Venator

HTML背景不重複

回答

相關問題