背景图像在 IE8 中不固定（anythingSlider）答案

【问题标题】：Background image not staying fixed in IE8 (anythingSlider)背景图像在 IE8 中不固定（anythingSlider）
【发布时间】：2013-03-20 21:23:55
【问题描述】：

下文中引用的链接：http://www.massgeneral.org/international/dev/full-screen.aspx

如果您使用“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 容器。
使用“background-position-x”和“background-position-y”设置背景位置没有任何作用

任何帮助将不胜感激！

谢谢！

【问题讨论】：

标签： css background-position anythingslider

【解决方案1】：

试试backgroundPositionX 和backgroundPositionY

IE8 使用它，出于某种愚蠢的原因。

【讨论】：

你能给我提供一个如何实现这个的例子或关于正确使用的文档吗？谢谢！
我真的只看到它与 jQuery 一起使用，但如果你直接使用 css，我相信它是一样的。所以它会像：div.anythingNavWindow {width:616px !important; backgroundPositionX: 0px; backgroundPositionY:0px } 或其他
@JoeyO'Driscoll 嗯。也许它只是一个jQuery快捷方式。我想不出它会做它正在做的事情的理由。尝试验证您的 HTML 以确保 IE 没有混淆您的元素。我以前也遇到过类似的结果。众所周知，IE 不善于猜测 DOM 应该是什么样子。
我将对此进行额外的调整，但是，我最初尝试在 jQuery 中使用 backgroundPositionY/X 属性似乎没有奏效。我会玩一个 jFiddle，看看我能不能解决它。