CSS背景圖片太大

我在我的網站上有一段背景圖片的代碼。CSS背景圖片太大

#bg { 
height: 200%; 
left: -50%; 
position: fixed; 
top: -50%; 
width: 200%; 
} 

    <div id="bg"> 
    <img alt="" src="sites/all/themes/marques/images/sponsors.png" id="bg1"> 
</div>

鏈接是在這裏：

http://dev-marquesogden.pantheon.io/sponsors

我試圖使圖像（雖然非常大，以適應背景中

任何想法

來源

2016-01-28 fitnessCraze

這不是背景圖片。您正在將圖像插入您的#bg div。你在哪裏定義背景圖片。我沒有看到它在你的代碼或頁面源代碼 –

這裏是代碼爲bg img #bg img { position：absolute; left：0; right：0; bottom：0; margin：auto;最小寬度：50％;最小高度：50％; } – fitnessCraze

您是想嘗試背景圖片還是包含圖片的div？因爲你的標題說背景圖像，但你的代碼說它在div內的圖像？ –

background-size: 100% auto;

？

將調整圖像的大小以適應視口寬度，高度反應g根據長寬比。如果你想與高度引領那麼它是：

background-size: auto 100%;

more info about background-size

來源

2016-01-28 16:28:48 Utkanos

這應該做的工作

#bg { 
    position: fixed; 
    /* top: -50%; */ 
    top: 0; 
    /* left: -50%; */ 
    width: 100%; 
    height: 100%; 
    background-size: cover; 
    background-image: url(/sites/all/themes/marques/images/sponsors.png); 
}

和#bg元素中刪除img：

<div id="bg"></div>

通過這種方式不適合這種形象背景圖片的目的（冒險削減頭）。

來源

2016-01-28 19:33:39 Everettss

CSS背景圖片太大

回答

相關問題