Question

以下文字中引用的链接：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;
}

我尝试过的事情：

将位置设置为“fixed”，不知何故最终隐藏整个DIV容器。
使用“background-position-x”设置背景位置＆amp; “background-position-y”什么都不做

非常感谢任何帮助！

谢谢！

Answer 1

尝试backgroundPositionX和backgroundPositionY

IE8使用它，出于一些愚蠢的原因。

IE8中没有固定的背景图片（anythingSlider）

1 个答案: