Question

那里有很多全屏背景担架脚本。我正在使用此http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/

我正在尝试实现一种效果，而不是覆盖整个屏幕的背景照片，它在屏幕的左侧留下250px（对于固定的侧边栏），并且背景填充其余部分。重要的是，照片的整个宽度显示在屏幕的右侧部分。

这是我正在努力的网站。如您所见，背景被侧边栏宽度向右推，但部分背景因此被切断。

http://princeseafoodrestaurant.com/dev/

任何帮助将不胜感激！

Answer 1

根据this，你可以自己做：

Supersized必须全屏吗？不！你可以定义通过调整CSS文件中的#supersized样式来调整维度。您将要制作所有位置实例：fixed - ＆gt; 位置：绝对

所以，改变一下：

#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，您应该设置。

Answer 2

使用此：

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

超大背景幻灯片图像是否覆盖全屏？

2 个答案: