Question

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

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

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

我也知道IE7已经过时但我用它来解决所有潜在的问题;）

提前致谢尼古拉斯

P.S。尝试使用多个图像与负背景位置没有帮助。它必须是导致我想象的实际箭头div容器。

Answer 1

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

尝试将顶部从50％更改为图像的中心位置，然后将链接的magin设置为零，如下所示：

/* 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，因为这也搞乱了定位。

今天发布的

更新： Version 1.5.10包含一个单独的IE7样式表，其中包含这些更改。

ProLoser AnythingSlider在IE7中出现主背景图像问题

1 个答案: