3 лекарства для Ослика

Для поддержки полупрозрачности (альфаканалов) .PNG пользуюсь следующим методом:
<img src="images/name.png" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/name.png);" alt="" />
Работает для ие6, фф и оперы

спасибо, пригодится.

Это все давно известно и невсеобъемлюще. В частности, использовать behavior/htc для фикса альфа-канала некорректно и для больших проектов невозможно (тут подробно описано почему и приводится альтернативный метод: http://tigir.com/alpha_png.htm).
Всех «убогих» пользователей убогого IE надо не поддерживать, а топить в прорубе.

спасибо. Все проблемы насущные. Будем пробовать и разбираться.

Вообще-то gif умеет ТруКолор: http://phil.ipal.org/tc217.gif
А полупрозрачность реализовывать какими-то кривыми средствами ради совместимости с кривыми браузерами == поддерживать эти самые кривые браузеры.
Но, как говорится, "Хозяин - Барин". И заказчику не донесёшь свои идеалогические стремления, так что не следует пренебрегать поддержкой IE, а то и без средств к существованию можно остаться.
--
P.S.: Еслиб PNG умел анимироваться или в браузерах (хотяб FF) была нормальная поддержка MNG я б от GIF'а отказался б полностью.

Было бы интересно, если бы кто-нибудь сделал список багов и хаков не для IE 6, (у которого они изучены вдоль и поперек), а для IE 7 - у него болячек не меньше.

Для "накидывания" полупрозрачности, можно воспользоваться конструкцией CSS expression.
В код страницы включить:

<script language="javascript">
function PNG(element)
{
if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent))
{
var src;

if (element.tagName=='IMG')
{
if (/\.png$/.test(element.src))
{
src = element.src;
element.src = "images/1x1.gif";
}
}
else
{
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
if (src)
{
src = src[1];
element.runtimeStyle.backgroundImage="none";
}
}

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


function horton() {
document.location = "/content/Presscenter/news/news22";
}
function peshi() {
document.location = "/content/Presscenter/news/5072007_action";
}
function esppban() {
document.location = "/content/ESPP";
}
</script>

<style type="text/css">
.png { filter:expression(PNG(this)) }

</style>

А в тег элемента, к которому нужно подключить обработчик (IMG и любой элемент в котором PNG-картинка сделана фоном), прописать class="png".

Сегодня как раз возился с PNG. Статья как раз в десятку, хотя добить проблему так и не удалось — IE6 не воспринимал (юзал filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=bzz.png)).

В страницы, но обязательно после META content-type пишем:
<!--[if lt IE 7]> <script src="/ie7/ie7-standard-p.js" type="text/javascript"> </script> <![endif]-->

А если я использую исключительно XHTML 1.1, и meta content-type у меня нет и в помине?

только что опробован третий способ.
Детально ещё не изучалось, но min-width работает (min-height почему-то нет).
На этом же проекте png в фоне будет проверено.

Стоить заметить, что при использовании png-изображения в качестве фона, не будет работать не только повторение изображения (background-repeat) но и выравнивание этого фона по правому краю.

C IE7 от Dean Edwards работал достаточно продолжительное время и наткнулся на одну особенность: на сайтах даже с небольшим количеством абсолютно-позиционированных divов он начинает достаточно сильно тормозить, при этом такое ощущение, что торможение экспоненциально возрастает с увеличением числа этих самых divов. Второй момент - по каким-то причинам в таких условиях он не успевает обработать все элементы страницы (IE прерывает долгоиграющие скрипты? циклические зависимости в позиционировании? - мне так установить и не удалось) и layout расползается совершенно произвольным образом (кажлый раз по разному), при этом изменение размеров окна часто исправляет ситуацию.

В конечном итоге я отказался от решения Dean Edwards и стал использовать (а) IE conditional comments, (б) где возможно gifы, (в) где невозможно - png с требуемым цветом фона только для IE в conditional comments, (г) позиционирование с использованием CSS expressions (опять же включенное только для IE6).

А как сделать чтобы была полупрозрачность если доктайп такой:
"
"
никто не знает?