Прозрачность PNG для Internet Explorer

styleroom · November 9, 2007

Всем привет! Нарыл на просторах всемирной паутины решение задачки по использованию возможностей png для Internet Explorer, который не любит его прозрачность. Загрузить фалы можно здесь http://www.styleroom.ru/files/pngbehavior102.zip. Заливаете все в корень сайта - и можно использовать полупрозрачные изображения, не боясь что IE их покорежит.

yopopt · November 9, 2007

Нда, единственная необходимая часть из архива в 75кб - это

element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";

styleroom · November 9, 2007

Нда, единственная необходимая часть из архива в 75кб - это
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";

Да? Все оказывается так просто... Когда знаешь....

И куда эту строчку (или после чего) вставлять в коде страницы надо?

yopopt · November 9, 2007

Для исправления png в стилях картинки достаточно прописать

	visibility: "hidden";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="путь_и_имя_изображения", sizingMethod="scale");

А скрипт в общем не плох. Там вс? автоматизировано.

styleroom · November 10, 2007

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
visibility: "hidden";
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="путь_и_имя_изображения", sizingMethod="scale");
</style>
<body>
</body>
</html>

Правильно вставил?

Fu-tai · November 10, 2007

Скорее так

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
img {
		visibility: "hidden";
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="путь_и_имя_изображения", sizingMethod="scale");
}
</style>
</head>

<body>
</body>
</html>

styleroom · November 10, 2007

Спасибо! Сейчас попробую...

Sign In

Прозрачность PNG для Internet Explorer

Question

styleroom

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

Fu-tai

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information