Проблемы с ProLoser AnythingSlider с основным фоновым изображением в IE7 - PullRequest
Новая
       4

Проблемы с ProLoser AnythingSlider с основным фоновым изображением в IE7

0 голосов
/ 05 апреля 2011

Вот моя страница: http://www.hairextensiongeek.com/videos.php?vid=1

AnythingSlider отлично работает во всех браузерах, кроме IE7 - неожиданный сюрприз. По какой-то странной причине фоновое изображение всей страницы смещено на переменное количество пикселей в зависимости от размера браузера. Я сузил проблему до левой и правой навигации, так как, когда я отключаю навигацию в jquery, проблема исчезает. CSS в металлическом стиле использует отрицательные значения фона, чтобы скрыть различные кнопки (возможно, я просто ответил на свой вопрос:)

Просто нужно исправить IE в фоновом режиме. (Я могу попробовать независимые изображения, которые не требуют отрицательных значений фона.)

Также я знаю, что IE7 почти устарел, но я использую его, чтобы получить полный спектр потенциальных проблем;)

Заранее спасибо николай

p.s. Попытка использовать несколько изображений в сравнении с негативными фоновыми позициями не помогла. Это должен быть фактический контейнер div стрелки, вызывающий проблему, которую я представляю.

1 Ответ

0 голосов
/ 17 апреля 2011

Я полагаю, что проблема в том, что отрицательный верхний край используется для центрирования изображений со стрелками по вертикали.

Попробуйте изменить верхний угол с 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 с этими изменениями.

...