0

这是我的页面： http ://www.hairextensiongeek.com/videos.php?vid=1

AnySlider 在除 IE7 之外的所有浏览器中都运行良好 - 令人惊喜。由于某些奇怪的原因，整个页面的背景图像根据浏览器大小偏移了可变数量的像素。我已经将问题缩小到左右导航，因为当我在 jquery 中禁用导航时，问题就消失了。金属样式的 CSS 使用负背景值来隐藏各种按钮（也许我刚刚回答了我自己的问题 :)

只需要IE修复后台定位。（我可能会尝试不需要负背景值的独立图像。）

我也知道 IE7 几乎已经过时了，但我用它来解决所有潜在问题；）

在此先感谢尼古拉斯

ps 尝试使用多个图像而不是负背景位置并没有帮助。它一定是导致我想象的问题的实际箭头 div 容器。

4

1 回答 1

0

我认为问题在于使用负上边距将箭头图像垂直居中。

尝试将顶部从 50% 更改为图像居中的任何百分比，然后将链接的大小设置为零，如下所示：

/* Navigation Arrows */
div.anythingSlider-metallic .arrow {
  top: 30%; /* adjust this percentage to vertically center your arrows */
  position: absolute;
  display: block;
  z-index: 100;
}
div.anythingSlider-metallic .arrow a {
  display: block;
  height: 95px;
  /* margin-top: -47px; - half height of image - REMOVE THIS LINE */
  margin: 0;
  width: 45px;
  outline: 0;
  background: url(../images/arrows-metallic.png) no-repeat;
}

另外，删除，text-indent: -9999px因为这也会打乱定位。

更新： 今天发布的1.5.10 版包含一个单独的 IE7 样式表，其中包含这些更改。

于 2011-04-17T07:46:11.167 回答