背景圖像不留固定在IE8（anythingSlider）

鏈接在下面的文本參照：http://www.massgeneral.org/international/dev/full-screen.aspx 背景圖像不留固定在IE8（anythingSlider）

如果預覽爲與類「anythingNavWindow」的DIV的CSS，你可以看到一個背景圖片（精靈）用於投射陰影效果，爲縮略圖滑塊的導航窗口顯示觸發器後面的縮略圖。

不幸的是，在IE8中查看時，當您使用滑塊轉換以查看滑塊中的其他縮略圖時，陰影將隨縮略圖一起移動。每個其他瀏覽器都會正確處理背景圖像，這是爲了讓它靜止不動並且不隨縮略圖滑塊一起移動。

縮略圖的實際轉換髮生在父容器上，而不是類「anythingNavWindow」的父容器，所以我不知道爲什麼會發生這種情況。任何援助將不勝感激。

我不認爲這是滑塊的問題，但更多與CSS的問題。

這裏是一個的jsfiddle準備被篡改：http://jsfiddle.net/jodriscoll/fKCFE/

div.anythingNavWindow { 
    width: 616px !important; 
    background: url('http://www.massgeneral.org/assets/js-plugins/images/bg-slideshow-shadows.png') no-repeat 0 0 transparent; 
}

事情我已經嘗試：

設置爲「固定」的位置，在某種程度上結束了隱藏整個DIV容器。
使用「背景位置-X」 &「背景，地位-Y」設置背景位置什麼都不做

任何幫助將不勝感激！

謝謝！

來源

2013-03-20 Joey

嘗試backgroundPositionX和backgroundPositionY

IE8使用，對於一些愚蠢的原因。

來源

2013-03-20 21:30:01

你能否提供一個如何實現這個或正確使用文檔的例子？謝謝！ – Joey 2013-03-20 21:31:31

我真的只看到它與jQuery一起使用，但我相信，如果你直接進入CSS，它是一樣的。所以它會是這樣的： 'div.anythingNavWindow {width：616px！important; backgroundPositionX：0px; backgroundPositionY：0px}'或其他什麼 – 2013-03-20 21:34:48

我不相信適用於CSS不幸的是：\ – Joey 2013-03-20 21:45:31

背景圖像不留固定在IE8（anythingSlider）

回答

相關問題