[Vovka]

Привет всем.

Хочется мне вот на сайте использовать полупрозрачные изображения Я в курсе, что формат png с такими вещами неплохо справляется, но в ИЕ6 полупрозрачность png заменяется противным зеленым цветом.

Если я правильно понимаю, сбрасывать со счетов ИЕ6 еще пока рановато. Единственный выход который я вижу - это иммитация прозрачности, но это далеко не самый удобный и гибкий вариант.

Если у кого-то есть мысли по этому поводу - буду рад

[kost]

Для IE применяется фильтр.

Почитайте: http://www.alistapart.com/stories/pngopacity/

или в google: "png opacity".

[Асмодиан]

Замечательная статейка, теперь бы реализовать эту красоту в виде виджета какого-нибудь...
Но всегда есть возможность, что скрипты отключенны...
А я предпочитаю делать страницы, чтоб были полноценными (лишь без доп. фишек) даже при таком раскладе...

[kost]

Есть еще 100 тысяч вариантов обучения ie5.5-ie6 понимать прозрачность png. Точнее, вариаций на эту тему.

Если беспокоитесь за скрипты, прописывайте вручную в CSS для IE (как я и делаю обычно).

[Асмодиан]

А можно на этом моменте поподробнее...?

[Vovka]

Это с сайта на который советовал заглянуть Kost
<DIV ID="myDiv"
STYLE="position:relative;
height:250px;
width:250px;
filterrogidXImageTransform.Microsoft.AlphaImag eLoader»
(src='myimage.png',sizingMethod='scale');"></DIV>

Добавлено через 47 секунд

<DIV ID="myDiv"
STYLE="position:relative;
height:250px;
width:250px;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader»
(src='myimage.png',sizingMethod='scale');"></DIV>
Sorry за смайлы в предыдущем посте...

[Асмодиан]

А если ещё почитать околоплодного текста, то из него можно узнать, что это будет работать ТОЛЬКО в IE!
можно в центре красоты этой (или background-ом) вляпать фотку для остальных, но в ИЕ 6 то она будет непрозрачной, и все наши потуги с фильтром уйдут насмарку

[deMone]

Ну, собственно, это и должно работать только в IE — остальные браузеры прозрачность понимают.

[Асмодиан]

Я здесь вижу несколько вариантов выполнения.
1. В html-код ставим png-шку, а javascript-ом заменяем её на ентот фильтр
- У нас вылетает IE 55-6 с отключенным javascript, причём баги будут серьёзными
2. В html-код ставим альтернативную gif-ку, а javascript-ом меняем её на то что нужно, как в статье (либо png либо фильтр)
- У нас вылетают все бразузеры с отключенным javascript, но баги терпимые.

В общем и целом - лучше подумать получше, какбы вообще обойтись gif-кой.

Кстати, часто пользуюсь следующим подходом: если у нас есть некий непрозрачный элемент на неоднородном фоне (типа неконтрастного узора). И проблемма заключается лишь в том, что края у нашего элемента скруглённые, и хочется их оставит плавными, то вариант прост: вырезаем наш элемент вместе с пиксельной оконтовкой узором. сохраняем в gif. То, что на границе элемента узор не сходится--без микроскопа не увидеть - элемент встаёт на ура.

[Vovka]

В большинстве случаев метод работает. Но все-равно... Чуствуеш себя как осел перед которым повесили морковку, чтобы бежал, но никак не можеш ее достать.