Фоновое изображение PNG с Jquery - проблемы с Hover IE6 - PullRequest
1 голос
/ 17 апреля 2010

У меня есть следующее меню:

http://health -fitness-news.info / меню / .

Ссылки из списка имеют фоновые изображения PNG. Все браузеры работают нормально, кроме IE6.

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

Что мне сделать, чтобы это исправить?

Ответы [ 3 ]

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

Использовать суперсвет: http://allinthehead.com/retro/338/supersleight-jquery-plugin. Известна проблема, связанная с тем, что IE стремится испортить рендеринг прозрачных PNG, прозрачная область отображается в виде уродливого оттенка бледно-голубого цвета.

0 голосов
/ 20 апреля 2010

Вот идея:

Похоже, изображение при наведении целиком состоит из слова, свечения и фона, а не общего свечения за словом ... но все слитно. Итак, почему бы не сделать объединенный четырехугольник с черным с каждым параметром, с одинаковой высотой и положением со всеми словами (в фотошопе, все слои версии свечения видны, выберите с волшебной палочкой (с опцией «все слои») на прозрачном фоне (скрытие ранее черный слой), так что вы получите выделение, инвертируйте выделение, а затем просто изображение / обрезать). Это дало бы вам четвёртый размер максимально возможного свечения. Если ваши меню меняют цвета фона, это не решение, если только вы не используете два предложения (если два фона) для загрузки одного или другого файла png в зависимости от класса (то есть раздела сайта).

Лучше сделать это решение и добавить некоторые условные html или условные свойства css только для IE, так что только в этом случае используется браузер IE6.

Другой способ - использовать прозрачные GIF-файлы, но в этом случае это не применимо.

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

Вы пробуете что-то вроде iepngfix?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...