прозрачность PNG vs IE6

[шин]

Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л.

Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED!

смотреть тут:

Обрезка тени до 700 точек не спас?т. Тень на маленьких экранах должна уходить и на экране будет видна только белая шапка. А при обрезке, тень вс? равно останется слева.

Смысл в том, что необходимо достичь такого эффекта, который виден при просмотре этой страницы из оперы или мозилы, т.е. чтобы лишняя часть рисунка тени уходила за экран браузера при его сужении или изменении разрешения на 800х600 не вызывая при этом скрола горизонтального.

Смотреть тут:

http://www.photominilab.ru/1/1.htm

Смотреть подробно тут:

http://www.photominilab.ru/1/shadow.zip

[Emm]

может это поможет.

http://www.tigir.com/alpha_png.htm

[шин]

статью читал, не представляю как е? "приложить" к своей проблеме

[Mordraug]

мм.. а какое решение относительно прозрачности PNG в IE6 вы применяли? Если то, в котором картинка заменяется на прозрачный гиф ? то есть еще другое именно для фона.

Пока код не посмотрел ? на вскидку :

1. PNG должен быть фоном, например в контейнере div или ячейке таблицы

2. ячейке присваиваете класс, ну например "png_bg_ie_fix"

3. соответственно в html пишите что-то вроде такого:

<!--[if lt IE 7]>
<style type="text/css">
.png_bg_ie_fix {
	background-image:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=[b]image.png[/b],sizingMethod=[b]crop[/b]);
			  }
</style>
<![endif]-->

,где image.png - это ваша PNG картинка фона.

Значение crop будет означать что фон будет отображаться как есть, без растягивания.. Если вам нужно растянуть фон ? используйте значение scale.

Следует так же помнить, что всевозможные операции, вроде размножения фона по оси x/y или определения положения фона в этом случае (тоесть в случае если IE6 и ниже, ) будет невозможным после использования фильтра. Поэтому старайтесь чтобы фон в блоке был позиционирован по типу "лево-верх".

[Mordraug]

Посмотрел код, честно говоря в таком контексте я на вскидку решения не придумал.. :/

Как я уже говорил ? фон, который прошел через фильтр ? не может быть позиционирован никак, кроме left - top, а именно это и мешает, собственно, для реализации вашей задумки.

В этом контексте мой предыдущий пост смысла не имеет, хотя вам может пригодиться конструкция с условным комментарием.