Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 让超大背景幻灯片图像不覆盖全屏?_Jquery_Css - Fatal编程技术网

Jquery 让超大背景幻灯片图像不覆盖全屏?

Jquery 让超大背景幻灯片图像不覆盖全屏?,jquery,css,Jquery,Css,有很多全屏背景拉伸器脚本。我在用这个 我试图实现这样一种效果,即屏幕左侧留下250px(用于固定边栏),而不是覆盖整个屏幕的背景照片,而背景填充其余部分。重要的是照片的全宽显示在屏幕的右侧部分 这是我正在工作的网站。如您所见,背景被侧边栏宽度向右推,但部分背景被切断 任何帮助都将不胜感激 根据,您可以自己做: 超大屏幕必须是全屏的吗?不!您可以定义 通过调整CSS文件中的#超尺寸样式进行尺寸标注。你 将要创建position:fixed的所有实例-> 位置:绝对位置 因此,改变这一点: #su

有很多全屏背景拉伸器脚本。我在用这个

我试图实现这样一种效果,即屏幕左侧留下250px(用于固定边栏),而不是覆盖整个屏幕的背景照片,而背景填充其余部分。重要的是照片的全宽显示在屏幕的右侧部分

这是我正在工作的网站。如您所见,背景被侧边栏宽度向右推,但部分背景被切断

任何帮助都将不胜感激

根据,您可以自己做:

超大屏幕必须是全屏的吗?不!您可以定义 通过调整CSS文件中的#超尺寸样式进行尺寸标注。你 将要创建position:fixed的所有实例-> 位置:绝对位置

因此,改变这一点:

#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工具中尝试,您可能需要调整屏幕大小才能正常工作)。