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

Question

我正在为一个客户端（WP响应主题的修改版本）开发一个响应式网格站点，他们在主页上有一个幻灯片，主页面的背景是他们希望扩展的全部宽度。 page / viewport超越主要背景。

目前我有这个

#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;
}

在桌面上工作正常但在移动设备/平板电脑上显示屏幕为8000px宽，由于边距向右延伸。我需要一种不会以这种方式“破坏”移动视图的解决方案

我也想知道实现此目的的正确方法以供将来参考。内容是在一个960px的容器中，我不能重新设计网站的整个设计，在滑块部分有一个外部100％div，内部div为960px（不幸的是）。

这是一个粗略绘制的例子

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

Answer 1

最后我找不到答案，所以我不得不重做主题的基础结构，并以“正确”的方式做到这一点