CSS проблема только в IE

Question

Не могу понять, зачем указывать изображение в качестве фона для ссылки, чтобы оно выглядело так для IE, и выглядеть так, как должно быть для любого другого браузера.Верхнее изображение - IE, а нижнее - любой другой браузер.Посмотрите на текст, за ним должен быть прозрачный PNG, и я настроил его на повторение.Вот URL, если вы хотите увидеть код: http://flesheatingzipper.com

Answer 1

Могу поспорить, что это не проблема CSS. Я думаю, что это проблема PNG. В зависимости от того, какую версию IE вы используете, рендеринг будет отличаться. Первые дни PNG в IE не были красивыми. Особенно в отношении прозрачности. Я не уверен, почему вы используете этот подход. Я бы порекомендовал использовать подход полностью-CSS. Вы должны использовать следующие свойства CSS, чтобы настроить цвет фона CSS на желаемую прозрачность:

filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5;      /* khtml, old safari */
-moz-opacity: 0.5;       /* mozilla, netscape */
opacity: 0.5;           /* fx, safari, opera */

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

РЕДАКТИРОВАТЬ: Как было указано, с моим выше рекомендуемым подходом есть сбой, однако, возможно, будет проще заставить ваш текущий подход работать, используя методы, описанные здесь: http://www.daltonlp.com/view/217

Answer 2

Попробуйте использовать изображение 2x2px png для повторяющегося фона, похоже, что это ошибка, описанная здесь: http://www.rachaelarnold.com/dev/archive/ie-gradient-bug-with-png-24

Answer 3

Поскольку это сплошной цвет, я бы вообще не использовал изображение и использовал цвет RGBA:

http://24ways.org/2009/working-with-rgba-colour

Что касается IE, вы не говорите, какая версия, но IE6 и IE7 оба имеют очень привлекательную поддержку альфа-прозрачности в файлах PNG.Существует множество способов заставить их работать, хотя у большинства все еще есть проблемы с повторением в качестве фона.Вы можете попробовать вместо того, чтобы повторять маленькое изображение, просто используя одно увеличенное изображение.

Или, будьте прагматичны.Используйте RGBA и просто позвольте IE ухудшиться в сплошной цвет.Нам нужно перестать младенцев IE пользователей;)