Jquery 让超大背景幻灯片图像不覆盖全屏?
有很多全屏背景拉伸器脚本。我在用这个 我试图实现这样一种效果,即屏幕左侧留下250px(用于固定边栏),而不是覆盖整个屏幕的背景照片,而背景填充其余部分。重要的是照片的全宽显示在屏幕的右侧部分 这是我正在工作的网站。如您所见,背景被侧边栏宽度向右推,但部分背景被切断 任何帮助都将不胜感激 根据,您可以自己做: 超大屏幕必须是全屏的吗?不!您可以定义 通过调整CSS文件中的#超尺寸样式进行尺寸标注。你 将要创建position:fixed的所有实例-> 位置:绝对位置 因此,改变这一点:Jquery 让超大背景幻灯片图像不覆盖全屏?,jquery,css,Jquery,Css,有很多全屏背景拉伸器脚本。我在用这个 我试图实现这样一种效果,即屏幕左侧留下250px(用于固定边栏),而不是覆盖整个屏幕的背景照片,而背景填充其余部分。重要的是照片的全宽显示在屏幕的右侧部分 这是我正在工作的网站。如您所见,背景被侧边栏宽度向右推,但部分背景被切断 任何帮助都将不胜感激 根据,您可以自己做: 超大屏幕必须是全屏的吗?不!您可以定义 通过调整CSS文件中的#超尺寸样式进行尺寸标注。你 将要创建position:fixed的所有实例-> 位置:绝对位置 因此,改变这一点: #su
#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
,您应该进行设置。使用以下方法:
#supersized {
display:block;
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
margin:0;
padding:0
}
你说的是哪幅背景图片?汉克斯·诺曼。我以前试过。但是这样做是将整个背景向右推250像素。因此,部分背景图像将被推离屏幕。您是否删除了
宽度:100%
,并在\supersized
上包含右侧:0
,并在上设置位置:绝对\supersized li
?我在演示中看到了这一点(如果您在firebug/developer工具中尝试,您可能需要调整屏幕大小才能正常工作)。