在响应式网格站点中具有全屏宽度背景

Question

我正在为客户端（WP响应主题的修改版）的响应式网格站点上工作，并且他们在主页上进行了幻灯片放映，其主页具有背景，因此他们想扩展页面/视口的整个宽度主要背景的上方。

目前我有这个

#slideshow{
    position: relative;
}
#slideshow:before {
    content:"";
    width:8000px;
    height:100%;
    position:absolute;
    background-image:url('images/bground-tiled.jpg');
    background-repeat: repeat-x;
    left:-3530px;
    z-index:-1;
    box-shadow:
        inset 0px 15px 8px -10px #222,
        inset 0px -15px 8px -10px #222;
}

在桌上型电脑上运作良好，但在行动装置/平板电脑上，它会显示8000像素的萤幕宽度，并因空白而向右延伸。 我需要一个不以这种方式“破坏”移动视图的解决方案

我也只想知道完成此操作的正确方法，以供将来参考。 内容位于960px容器中，我无法重新设计网站的整个设计，以使滑块部分的外部div值为100px，而内部div为960px（不幸的是）。

这是一个粗略的例子

编辑：小提琴： http ： //jsfiddle.net/7s44S/14/

Answer 1

最后，我找不到答案，因此我不得不重做主题的基本结构，并以“正确”的方式进行操作