要超大背景幻燈片圖像不能覆蓋整個屏幕？

有很多全屏幕背景擔架腳本。我正在使用此http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/要超大背景幻燈片圖像不能覆蓋整個屏幕？

我試圖達到一種效果，而不是覆蓋整個屏幕的背景照片，它會在屏幕的左側留下250像素（對於固定側邊欄），並且背景填充休息。屏幕右側顯示的照片全寬很重要。

這是我正在研究的網站。正如你所看到的，背景被側邊欄寬度推向右側，但是作爲結果，背景的一部分被切斷。

http://princeseafoodrestaurant.com/dev/

任何幫助，將不勝感激！

來源

2013-10-22 Willie Li

背景圖像是你談論 – Sami

據this，你可以自己做：

超大型是否已經被全屏？不！您可以通過調整CSS文件中的＃超大樣式來定義尺寸。您將將要使所有位置的實例：固定 - > 位置：絕對。

因此，改變這種：

#supersized { 
    display:block; 
    position:fixed; 
    left:0; 
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
    width:100%; 
}

這樣：

#supersized { 
    display:block; 
    position:absolute; 
    left:250px; 
    right:0; 
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
}

然後改變position:fixed任何其他實例position:absolute，你應該設置。

來源

2013-10-22 12:05:41

感謝諾曼它。我已經嘗試過。但是這樣做會將整個背景向右推動250px ..所以背景圖像的一部分將被推離屏幕。 –

你在'＃supersized'上刪除了'width：100％'並且包含'right：0'，並且在'#supersized li'上設置了'position：absolute'？我已經看到了這個在演示中的工作（如果你在螢火蟲/開發者工具中嘗試它，你可能必須在它的工作之前調整它的大小。 –

-1

使用此：

#supersized { 
    display:block; 
    position:fixed; 
    left:0; 
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
    width:100%; 
    margin:0; 
    padding:0 
}

來源

2014-04-23 06:26:37

要超大背景幻燈片圖像不能覆蓋整個屏幕？

回答

相關問題