要超大背景幻灯片图像不能覆盖整个屏幕？

有很多全屏幕背景担架脚本。我正在使用此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

要超大背景幻灯片图像不能覆盖整个屏幕？

回答

相关问题