1

下文中引用的链接：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”设置背景位置什么都不做

任何帮助将不胜感激！

谢谢！

4

1 回答 1

0

尝试backgroundPositionX并backgroundPositionY

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

于 2013-03-20T21:30:01.680 回答