CSS在不同的屏幕尺寸大背景沒有得到滾動條

也許這是一個沒有腦子，但我看不到解決方案，現在:) 我有一個960像素的中心內容股利，現在我需要添加含有挑逗2部分，一個巨大的背景寬陰影（2000px寬）和一些前景圖片最大960px寬。如果我添加2000px的背景，我的Chrome會自動應用水平滾動條，因爲我的1280px分辨率很低。我需要的是，它忽略了滾動條，讓圖像先手出界和只出現在更高的分辨率CSS在不同的屏幕尺寸大背景沒有得到滾動條

<div id="cotainer!> <!--! #container 960px wide, margin: auto, overflow:visible ---> 

    <div id="stage"></div> <!--! has the 2000px background --> 

</div> <!--! end of #container -->

我希望我能夠較好地描述我的問題，在此先感謝您的幫助！

來源

2012-01-14 kritop

你能把你的背景圖像合併成一個圖像，並將它設置爲'body'上的'background-image'？ – justis 2012-01-14 15:48:40

在這種情況下想到的第一個答案是設置寬度和高度100％和溢出：隱藏在具有巨大背景的元素上。 – 2012-01-14 15:50:45

你使用的是實際的背景圖片，還是隻是一個看起來像'

'的div？正常的背景圖像不計算大小計算，而img-tag-in-div確實。 – 2012-01-14 15:51:18

你正在接近這個錯誤。如果你想有一個廣泛的背景圖片，你要應用背景的包裝，並添加包裝容器內部：

<div id="#wrapper" style="background-image:(url...);background-repeat:no-repeat;"> 
    <div id="container"> STUFF </div> 
</div>

這將工作，只要包裝沒有封閉的任何較窄的div （它會展開以適合頁面的寬度）。

來源

2012-01-14 15:51:34

但不是大的包裝會導致瀏覽器添加滾動條？ – kritop 2012-01-14 16:19:15

不，因爲只要你沒有設置寬度div將擴大到適合頁面的寬度，但沒有更多。如果頁面變寬或變窄，div將縮小並隨之增長。背景圖像不會影響其應用的塊的佈局，因此div的寬度將始終與屏幕寬度一致，並且屏幕中顯示的背景將盡可能多。 – 2012-01-14 16:31:27

謝謝，但現在我得到的問題是，背景從未真正居中，因爲你只能看到從0到窗口寬度的背景部分（1280,1600,1920等），但它從未真正居中，除非在屏幕上分辨率爲2000px。有沒有可能以背景爲中心？ – kritop 2012-01-17 17:45:50

CSS在不同的屏幕尺寸大背景沒有得到滾動條

回答

相關問題