Портал SzenProgs

Всеки развиващ се уеб дизайнер, който започва да създава интерфейси с полупрозрачни запълвания или преходи, е срещал такъв формат катоPNG. Този формат съдържа слой с алфа канал, който прави възможно създаването на области с различни нива на прозрачност върху изображението. PNG изображенията се поддържат от браузъри, така че могат да се използват за украса на дизайна на сайта. Но има и обратна страна на тази ситуация.

Има няколко начина да накаратеIE6да обработва прозрачността в PNG изображения. Ще ви разкажа за всеки по ред.

Същността на проблема

IE версии 5.0, 5.5 и 6 могат да обработват PNG алфа канал. Но за да започне тази обработка, трябва да приложите филтъраAlphaImageLoader към изображенията. Такива филтри се поддържат само от браузъри IE.

Филтърът AlphaImageLoader ви позволява да показвате изображение между фона на елемент и неговото съдържание. Ако филтърът описва PNG, тогава алфа каналът на изображението се активира и се появява прозрачност.

Пример за присвояване на филтър към DIV елемент:

  • изрязване - изрязва изображението, ако е по-голямо от размера на родителския блок.
  • image - приспособяване на елемента към размера на изображението. Без мащабиране (по подразбиране)
  • мащаб - приспособяване на изображения към размера на родителя. Мащабирането не се извършва.

За да работи филтърът правилно, трябва да е изпълнено едно от следните условия. Елементът, към който искате да приложите филтъра, трябва да има набор от свойства:

  • височина;
  • ширина;
  • позиция: абсолютна;
  • contenteditable="вярно"
  • режим на писане: tb-rl;

Не бъркайте алфа филтър и фон. Това са различни слоеве на елемента. Фонът е зад всички слоеве.елемент, а филтърът е в средата. Следователно CSS свойствата на фона (позиция, повторение и т.н.) не влияят на филтъра. Ако в IMG елемента се използва PNG с прозрачност, тогава ще трябва да направите малко шаманизъм. Работата е там, че изображението от свойството SRC ще бъде по-високо от алфа канала, така че ще припокрие нашия прозрачен чертеж. Изходът е да зададете прозрачен GIF с един пиксел в свойството SRC на картината и да изведете PNG през филтър.

За да можепрозрачността в PNG да започне да се показва в IE6 и по-долу, можете да използвате един от следните методи:

Надявам се, че поне един от описаните по-горе методи за справяне с тази напаст ще ви помогне. Ако имате въпроси - регистрирайте се и пишете. Ще помогнем, ако е възможно.