Это MWEB.RU

**-S-** Пн ноя 20, 2006 19:13

вообщем вместо прозрачного фона - голубой цвет... в опере и мазиле все ок!

что за -20-

Что делать, скоро сайт сдавать -07-

**-S-** Пн ноя 20, 2006 19:16

а если делаю фон картинки под фон слоя (#515151) то опять же в опере и мазиле все ок, а в IE - фон картинки несколько темнее чем фон слоя, хотя и там и там - #515151... опера и мазила это подтверждают -21-

**Aqua$erg** Пн ноя 20, 2006 21:19

Пора бы знать, что ИЕ некорректно отображает ПНГ. По вопросам "обмана" ИЕ где-то тут в Форуме была темка. Поищи

**DVK** Пн ноя 20, 2006 22:05

А чтобы цвета html-овские и цвета картинок при наложении не конфликтовали, нужно использовать так называемые, "безопасные цвета". Лебедев давно писал уже об этом.

**Muerto** Пн ноя 20, 2006 23:12

2-S-: viewtopic.php?t=5163 - там внизу топика об этом речь.

**-S-** Вт ноя 21, 2006 14:15

А чтобы цвета html-овские и цвета картинок при наложении не конфликтовали, нужно использовать так называемые, "безопасные цвета". Лебедев давно писал уже об этом.

да я и без лебедева это знал.. просто смущает тто что в других браузерах все ок... думал может способ есть как обойти((

Пора бы знать, что ИЕ некорректно отображает ПНГ

я просто вовсе не дизайнер))

2Muerto: спасибо -02-

**Berezkin** Ср дек 20, 2006 16:26

А по моему IE работает с PNG, только не с PNG8, а с PNG24. Попробуй в Фотожопе пересохрани картинку в PNG24... Тока весить она будет х/з сколько.
Чем gif не угодил?

**Muerto** Ср дек 20, 2006 16:39

2Berezkin: Тема как раз и шла за то, что альфа-канал в PNG-24 не поддерживается IE до семёрки.
2-S-: А по поводу разницы цветов (раз уж тему подняли), я тоже подметил, что из фотошопа сохраняется какая-то странная палитра в PNG. Даже "безопасные цвета". Вроде и "color setting" под web выставлены, а всё равно есть разница картинки с цветом заливки.

**Berezkin** Ср дек 20, 2006 16:58

Ща только что проверил...наврал я...надо в PNG8 сохранять, правда тогда полупрозрачности не будет...да и, собссно, хрен с ней -02-

**Aqua$erg** Ср дек 20, 2006 20:56

Ну и нафига тогда ПНГ?

**Berezkin** Пт дек 22, 2006 11:05

Итак снова о прозрачном PNG в IE.

1. Роемся в Яндексе/Гугле.

2. Пишем такой код:

<public:component>
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<script>

var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32";
var realSrc;
var blankSrc = "1.gif"; //эта картинка должна быть 1х1 px прозрачная

if (supported) fixImage();

function propertyChanged() {
if (!supported) return;

var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if ( ! new RegExp(blankSrc).test(src))
fixImage();
};

function fixImage() {
// get src
var src = element.src;

// check for real change
if (src == realSrc) {
element.src = blankSrc;
return;
}

if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}

// test for png
if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='scale')";
}
else {
// remove filter
element.runtimeStyle.filter = "";
}
}

</script>
</public:component>

(в этом скрипте я нифига не понимаю толком... )

3. Сохраняем всё выше написанное в формат *.htc

4. Пишем html код:

<html>
<style type="text/css">
img {
behavior: url("1.htc");
}
.bottom {position: absolute; z-index: 1; width: 100px; height: 100px;}
.top {position: absolute; z-index: 2;}
</style>
<body bgcolor="#008080">
<div class="bottom" align="justify">
Вот через такую попу и работает PNG.
Вот через такую попу и работает PNG.
</div>
<div class="top">
<img src="1.png" width="100" height="100">
</div>
</body>
</html>

5. Рисуем PNG картинку, вставляем её и РАДУЕМСЯ
-01-

**Berezkin** Пт дек 22, 2006 11:16

[offtop]
сюда картинки нельзя грузить?
[/offtop]

**Muerto** Пт дек 22, 2006 12:40

2Berezkin: Можно.
По скрипту - можно и так делать. Только скрипт и к 8-битным png будет цеплятся и изменять их. Это, конечно, не принципиально, но...
Но, слава Джа, в майкрософте одумались и с семёрки ИЕ уже понимает пнг. Так что скоро все эти исхищрения отживут себя.

**kost** Сб дек 23, 2006 17:17

IE понимает png с версии 5.5, но только через задний проход -- с помощью фильров.

Это MWEB.RU

Прозрачный фон png в IE

Прозрачный фон png в IE

Кто сейчас на конференции