在響應式網格站點中具有全屏寬度背景

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

最后，我找不到答案，因此我不得不重做主題的基本結構，並以“正確”的方式進行操作