sirus Jul 2 2009 at 03:43

IE8 и поддержка стандартов — transparent PNG + opacity, а также data:URI + AlphaImageLoader

1 min

8.3K

Internet Explorer

+13

Comments 61

seraph Jul 2 2009 at 07:56

Ох, когда ж оно будет работать-то нормально! Одному мне кажется, что у MS и АвтоВАЗа есть что-то общее?

Vitality Jul 2 2009 at 16:42

если бы АвтоВАЗ работал как Microsoft, на приорах и калинах ездили бы во всём мире ;)
а другие машины только для гиков или «гламурян»
…и такие темы на авто-форумах: Глючный АвтоВАЗ! Когда пофиксят косяк прозрачности лобового стекла?
а в европе законодательно запретят на вазах предустанавливать запаску и радио ))

UFO landed and left these words here

VasilioRuzanni Jul 3 2009 at 04:22

И не говорите! Была свята надежда, что DXImageTransform для элементарных вещей мы больше не увидим. Получили хрен с маслом. Достали они уже, честно говоря.

Ordos Jul 2 2009 at 10:57

У мну с ним тоже проблемы, делаю картинку цвета #f07000 и такого же цвета background, во всех браузерах всё нормально, а в ie8 (в младших ie не посмотрел) цвет картинки получается чуть темнее, чем цвет фона, т.е. цвета отличаются, хотя должны совпадать.
Может кто знает почему?

seraph Jul 2 2009 at 11:22

В принципе могут различаться сами цветовые палитры в графическом редакторе и браузере. Но обычно глазом такие различия не заметить.

tenshi Jul 2 2009 at 12:00

надо вырезать из картинки цветовой профиль

Ordos Jul 2 2009 at 13:01

Как это?

homm Jul 2 2009 at 14:20

grompe.org.ru/
pngre

sunnybear Jul 2 2009 at 21:40

webo.in/my/action/packet/ — удалить все чанки

webprom Jul 3 2009 at 22:55

entropymine.com/jason/tweakpng/

UFO landed and left these words here

bar_boss Jul 3 2009 at 09:21

Новый контр-страйк?

Chikiro Jul 2 2009 at 20:51

Фотошоп добавляет в png-файлы chunk с названием gAMA.
Чтобы во всех браузерах цвета были одинаковыми, надо удалить этот chunk.
Я пользуюсь для этого программой TweakPNG (http://entropymine.com/jason/tweakpng/).

chikuyonok Jul 2 2009 at 20:57

Начиная с версии CS3 не добавляет

firstbyte Jul 2 2009 at 21:00

Подтверждаю.

Chikiro Jul 2 2009 at 21:07

Ну, значит в новом Фотошопе таких проблем с цветами в Экслорере уже не должно быть. :)
Или даже без gAMA цвета искажаются?

homm Jul 2 2009 at 21:54

нет, без gAMA не искажаются, но прогнав через утилиту можно просто размер уменьшить за счет более тщательного сжатия.

Theo_from_Sed Jul 3 2009 at 17:42

pngout и OptiPNG в разных вариантах дают хороший выигрыш в размере результирующего png-файла. Может кому пригодится инфа.

sirus Jul 3 2009 at 18:03

интересно, может и пригодится

MTonly Jul 3 2009 at 01:52

Зато начиная с CS4 по умолчанию любит добавить в каждый сохраняемый файл 50 КБ XML-копирайтов. Особенно впечатляет, когда полезных данных как таковых в файле 300 байт. %)

DmitryLoki Jul 3 2009 at 01:27

gimp по умолчанию не добавляет =)

Chikiro Jul 3 2009 at 03:53

да, я тоже гимпом люблю пользоваться, чтобы не добавлялись всякие левые чанки, но он не все psd-макеты читает корректно.

M4rkK1d Jul 2 2009 at 11:22

Я так надеялся, что хоть в этот раз MS не лохонутся и выпустят качественный браузер. А они как всегда подкинули нам «приятных сюрпризов».

Theo_from_Sed Jul 3 2009 at 17:43

Везёт. Зная их у меня и надежды небыло на это…

UFO landed and left these words here

tenshi Jul 2 2009 at 12:10

а при чём тут восьмёрка? о0 это давно так…

sirus Jul 2 2009 at 12:57

да, проблемы с прозрачностью в ИЕ давно, и в восьмерке безобразие продолжается. кто-то кричал о поддержке стандартов… и я надеялся… обломался. А вот относительно data:URI поддержка появилась с 8ой версии, но как видим не во всех случаях.

UFO landed and left these words here

sunnybear Jul 2 2009 at 21:41

IE8 поддерживает стандарты w3.org
data:URI в фильтрах IE к стандартам не относится :)

Silverstorm Jul 2 2009 at 13:08

а случаем compatibility mode не включен? т.е. это точно восьмерка так отрабатывает или ее эмуляция 7ки?

homm Jul 2 2009 at 13:48

Точно.

sirus Jul 2 2009 at 15:15

проверял и так и сяк — одинаково

UFO landed and left these words here

sirus Jul 2 2009 at 15:23

пусть народ знает проблемы. а маты это нехорошо.

UFO landed and left these words here

homm Jul 2 2009 at 21:06

И это, на самом деле хорошо, потому что проблемам с ИЕ7 и ИЕ6 можно посвятить целый блог :)

AlexS Jul 2 2009 at 19:51

С фильтрами в IE опасно) Сами мсы на форуме говорят, что есть мемори лик…

firstbyte Jul 2 2009 at 21:07

Раздосадован. В целом, конечно браузер лучше своих предшественников, однако, проблемы, как видно, остаются. С другой стороны, они несколько экзотичны-ещё не все играются с прозрачностью и поняли, как удобны бывают data:URI. Вот через годик количество жалоб должно сильно усилиться, потому что тренд будет подхвачен и получит более широкое распространение, как и все инновации со временем.

bolk Jul 2 2009 at 21:41

А в каком режиме IE8? Совместимости или в режиме движка IE8?

sirus Jul 3 2009 at 12:25

я выше писал что проверял в разных режимах

bolk Jul 3 2009 at 12:43

Можно ссылку?

sirus Jul 3 2009 at 13:18

fullajax.ru/temp/ie8/opacity.html

bolk Jul 3 2009 at 14:07

А в strict-режиме?

sirus Jul 3 2009 at 14:46

тоже самое

AmdY Jul 2 2009 at 23:59

я бы вообще старался не фиксить прозрачность, сайт из за этого не развалится, будет выглядеть чуть «некрасивше» чем в нормальных браузерах и пользователь задумается о переходе на более качественный браузер.

tigrenok Jul 3 2009 at 00:13

это только, если он увидит, как оно в других браузерах выглядит. что вряд ли =)

Old_Chroft Jul 3 2009 at 00:36

Ну еще как вариант — если размер изображения окажется не критичным, то можно и png-шку полупрозрачной сделать :)

sirus Jul 3 2009 at 12:23

да можно, сделать вторую картинку полупрозрачную, но зачем? если другие браузеры норм-но справляются

aubt Jul 3 2009 at 00:23

автор топика не удосужится напомнить, какую версию css полностью поддерживает IE8 и в какой версии css появляется opacity?

agatische Jul 3 2009 at 00:27

IE8 с нормальным DOCTYPE поддерживает PNG transparent.

sirus Jul 3 2009 at 12:26

зато не поддерживает PNG transparent + opacity

lahmatiy Jul 3 2009 at 01:03

с 8-й версии в IE принято писать
-ms-filter: «alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src=transparent.png, sizingMethod='crop');»
и вообще все нестандартные свойства IE нужно использовать с приставкой -ms-

bolk Jul 3 2009 at 10:05

Видимо автор использует IE8 в режиме совместимости.

genzo Jul 3 2009 at 10:05

И будущее css будет таким?
-moz
-ms
-oper
-saf

homm Jul 3 2009 at 10:12

Это давно уже настоящие. Последние два:
-o-
-webkit-

bolk Jul 3 2009 at 14:09

Это стандарт W3C: браузер может реализовывать нестандартные (или ещё не принятые) свойства, начиная их с собственного префикса, который должен выглядеть как -код-свойство.

У разных браузеров они разные:

-ms- — IE
-o- — Opera
-moz- — Mozilla (+FF)
-webkit- — Safari (и всё, что на WebKit)

Удивлён, что вы не сталкивались в такими свойствами. И, повторюсь, это закреплённое стандартом поведение.

AlexKuk Jul 3 2009 at 19:30

Опять фильры :...(