Куфон портит мои прозрачные фоны PNG

Question

У меня есть несколько делений с повторяющимся фоновым PNG (который в качестве альфа-канала установлен на ~50% непрозрачности); цель состоит в том, чтобы дать белый прозрачный фон элементам div. Div хорошо отрисовывается во всех современных браузерах. Но когда я вызываю свой код Cufon для замены определенного текста на экране, фоны, по-видимому, постепенно исчезают из верхнего левого угла в нижний правый (только в IE). Похоже, это не влияет на все фоны PNG, только на некоторые.

Что-то с Cufon определенно мешает рендерингу прозрачных PNG. Кто-нибудь когда-нибудь видел эту функциональность?

Answer 1

Куфон не вызывал проблемы; это была просто маскировка. Реальная проблема заключалась в том, что я использовал прозрачные.pngs, которые были 1px x 1px. IE будет отображать их неправильно и затемнять их; почти как если бы они были растянуты за пределы.

Answer 2

Используйте увеличенное фоновое изображение - 10px X 10px или более.

Answer 3

Я использовал cufón 18 месяцев назад, но это было для заголовков и надписей на белом или цветном фоне, поэтому я не могу помочь вам в этом.
Если бы у меня была такая же потребность сегодня, я бы использовал @font-face в качестве Fx3.0, а другие исчезают очень быстро, заменяя их на Fx3.5+ и другие недавние браузеры. Есть ли у вас ограничения, которые мешают вам использовать эту IE-совместимую функцию?

Несколько вопросов, если это может быть полезным:

• у этих элементов есть hasLayout (с zoom: 1; если у них уже нет ширины, высоты,...) или их родителей.
• это всегда одни и те же элементы, которые работают и не работают?
• что произойдет, если вы замените один фон, отображающий OK, другим, который не в порядке? Это тот же элемент, который имеет проблему или тот же фон, или что-то еще происходит?