Спрайты изображений и проблемы совместимости между браузерами - PullRequest
Новая
       16

Спрайты изображений и проблемы совместимости между браузерами

1 голос
/ 07 апреля 2011

У меня возникли некоторые проблемы с CSS на моем сайте, как с изображениями спрайтов, так и с совместимостью с IE.

Вот jsfiddle: http://jsfiddle.net/lipestyle/EjQTP/7/

Две основные проблемы:

  1. В IE контактные ссылки внизу отображаются не на синей полосе, а внизу справа от остальной части сайта.
  2. Спрайты изображений для MMA Cage Door и FightNight Nutrition не работают.Похоже, что изображение при наведении постоянно отображается, поскольку предполагается, что изображение без зависания должно быть намного светлее, чем то, на что мы смотрим.

С другой стороны: по какой-то причине фоновое изображениеповторение не работает в jsfiddle, но я не заметил проблемы с ним за пределами этого.

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

Спасибо.

РЕДАКТИРОВАТЬ

Еще одна вещь, которую я заметил со спрайтами.Появляется, когда я наводю курсор на изображение, первое изображение не исчезает, оно все еще остается, пока поверх него появляется изображение при наведении курсора.Это как это должно работать?Поскольку мои изображения полупрозрачны, я бы хотел, по возможности, избежать этого.

Вот ссылка на сайт в действии: http://bit.ly/h1OXQA

1 Ответ

1 голос
/ 11 апреля 2011

  1. Может быть проблема ширины, левого края или даже относительной / абсолютной позиции, что приводит к проблемам.Я не проверил подробно весь код CSS, чтобы увидеть причину.Быстрое / грязное исправление, очевидно загружающее альтернативные css или html для IE7, заключается в том, что установка (в IE7) UL #social с top: 190px и left: 100px, кажется, подходит нормально (или точно настраивается на предпочтительную позицию).Я бы пошел отсюда, чтобы угадать, что заставляет действовать по-другому.

  2. Кажется, вы уже исправили, изображения видны светлыми, когда не парили, и темнее, когда парили.Все в IE7.

...