Хак под IE6 не работает

[taran]

Доброго времени суток уважаемые форумчане.

Опять проблема с полупрозрачностью под IE6

Выкладываю ссылку на сайт. Собственно в FF, OPERA, GOOGLE CROME Конечный результат достигнут.

Прошу его открыть в IE6 Открыть здесь

Кстати сам Хак под ie:

#header ul li {behavior: expression(this.onmouseover = new Function("this.className += ' hover'"), this.onmouseout = new Function("this.className = this.className.replace(' hover','')"), this.style.behavior = null);

#header .h-col strong{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-logo.png', sizingmethod='crop');

}

#header .h-container form .h-c-searth{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-searth.png', sizingmethod='crop');

}

#header .h-container .h-c-wrap .h-c-w-container ul.h-c-w-c-projects{

background:url(images/none.gif) fixed;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-h-c-w-projects.png', sizingMethod='scale');

}

#header .h-container .h-c-wrap .h-c-w-container ul.h-c-w-c-projects li .h-c-w-c-p-smile{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-w-b-p-smile.png', sizingmethod='crop');

}

#header .h-container .h-c-wrap .h-c-w-container ul.h-c-w-c-projects li .h-c-w-c-p-mouse{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-w-b-p-mouse.png', sizingmethod='crop');

}

#header .h-container .h-c-wrap .h-c-w-container ul.h-c-w-c-projects li .h-c-w-c-p-notepad{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-w-b-p-notepade.png', sizingmethod='crop');

}

#wrapper .w-maincontent .w-m-joinnow .w-m-joinnow-top{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-w-m-joinnow-top.png', sizingmethod='crop');

}

#wrapper .w-maincontent .w-m-joinnow .w-m-joinnow-bottom{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-w-m-joinnow-bottom.png', sizingmethod='crop');

}

#wrapper .w-maincontent .w-m-joinnow .w-m-joinnow-bottom form{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-w-m-joinnow.png', sizingmethod='crop');

}

#wrapper .w-maincontent .w-m-joinnow .w-m-joinnow-bottom form button{

background:url(images/none.gif) fixed;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/btn-w-m-joinnow.png', sizingmethod='crop');

}

Кстати принимается здоровая критика верстки.

Edited January 26, 2010 by taran

[MehOlOLBuC]

DD_belatedPNG в помощь.

[DNZ]

дизайн прикольный.

только вот есть небольшой косячок.

в правой части верхнего меню при наведении на пункт comments оранжевый квадратик hover'a наползает на облачко лампочки. непринципиально, конечно, но раз уж тебе нужна критика... а в общем супер.

кста, чот я в шестом никаких косяков не нашёл

[psywalker]

Пнг-фикс тебе в помощь однозначно, чтобы не мучится

[TonKhaO]

"#header ul li {behavior: expression(this.onmouseover = new Function("this.className += ' hover'"), this.onmouseout = new Function("this.className = this.className.replace(' hover','')"), this.style.behavior = null);"

вот от такого бы у меня глаз сломался ))) лучше в цсс так не пиши, в дополнение к тому что сказал Уолкер добавлю что я лично юзаю iepngfix не жалуюсь и работает стабильно. а цсс там просто добавляется небольшая строчка которая указывает на файл .htc и делов то )))

Edited January 27, 2010 by TonKhaO

[taran]

"#header ul li {behavior: expression(this.onmouseover = new Function("this.className += ' hover'"), this.onmouseout = new Function("this.className = this.className.replace(' hover','')"), this.style.behavior = null);"

вот от такого бы у меня глаз сломался ))) лучше в цсс так не пиши, в дополнение к тому что сказал Уолкер добавлю что я лично юзаю iepngfix не жалуюсь и работает стабильно. а цсс там просто добавляется небольшая строчка которая указывает на файл .htc и делов то )))

Спасибо громадное за ответ, разобрался.

Только возникает еще один вопрос. Либо я что-то не так делаю, либо этот хак не работает с параметром background-reapeat. Одна из картинок у меня прорепичена по оси Х. Она не отображаться. В данный момент я ее удалил, но в ближайшее время собираюсь "попыхтеть над этим вопросом".

DNZ

Спасибо за замечание. Исправлю "косяк" в ближайшем будующем, когда будет время. Поменяю background на #header, облако сделаю отдельным блоком с position:relative.

Edited January 27, 2010 by taran

[Justnewone]

Спасибо громадное за ответ, разобрался.

Только возникает еще один вопрос. Либо я что-то не так делаю, либо этот хак не работает с параметром background-reapeat. Одна из картинок у меня прорепичена по оси Х. Она не отображаться. В данный момент я ее удалил, но в ближайшее время собираюсь "попыхтеть над этим вопросом".

не работает, ни background-repeat, ни background-position. И вообще, на мой взгляд, этот png-fix c альфа-каналом старинный хлам, да еще и с 1px затычкой.

Модно сейчас использовать DD_belatedPNG

[TonKhaO]

Спасибо громадное за ответ, разобрался.

Только возникает еще один вопрос. Либо я что-то не так делаю, либо этот хак не работает с параметром background-reapeat. Одна из картинок у меня прорепичена по оси Х. Она не отображаться. В данный момент я ее удалил, но в ближайшее время собираюсь "попыхтеть над этим вопросом".

попробуй скачать последнюю версию, там на их сайтов их вроде 2 одна которая как раз имела проблемы с тем что ты сказал а в новой версии вроде пофикшено