проблемма с отображением прозрачных 32х битных png картинок под IE 5.5 - 6 ... нашёл на джуме бот от адептуса типа должен исправлять траблу - да в контенте теперь пнгшки фиксяться вот шапка так и осталась непрозрачной, кто нибудь имеет вариант решения проблеммы ?
Ответ: Корректор PNG Ага, на той недели сам с этим столкнулся: IE6 не использовал уже довольно порядочно, а в IE7, Firefox 2 и Opera 9, естественно, ни какого намека на подобного рода проблемы. Переставил систему, воспользовался шестой версией, и меня охватил такой ужас, словами не выразить. Фишка в том, что "дядя Билли и его свита" не позаботились о спокойствии разработчиков веб-сайтов и вовремя не внедрили в браузеры своей корпорации поддержку альфа-канала для передачи цвета, которую как раз использует формат PNG. С цветом, конечно, все пучком, а вот с прозрачностью дела обстоят несколько иначе. Вот пара статей на эту тему: PNG-прозрачность в IE 5.5-6 PNG, альфа прозрачность и Internet Explorer Теперь о решении. Скачать и установить мамбот CorrectPNG, а затем включить его использование на своем проекте, увы, не достаточно, по крайней мере, для графических элементов, прописанных намертво в коде шаблона. Всю графику в формате PNG в 'index.php' и 'template_css.css' необходимо описать через фильтр AlphaImageLoader. Вот пример для одного графического элемента: Код (CODE): <div id="mainImage"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="templates/<?php echo $cur_template; ?>/images/mainImage.png" width="150" height="100" border="0" alt="" /></div> Код (CODE): div#mainImage { width: 150px; height: 100px; position: absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainImage.png'); } Проблему решил благодаря sourpuss и его содействию в этом вопросе, за что еще раз выражаю ему свою благодарность!
Ответ: Корректор PNG интересно глянуть статистику по браузерам- сколько щас народу всё ещё юзает IE 6 и ниже ?? гемор нереальный - тема испольует три разных картинки шапки через styleswithcher - так вот я думаю может нестоит заморачиваться на тех кто ещё необновил свой браузер - хотя для серьёзных проэктов ето важно ...
Ответ: Корректор PNG В нашей стране IE6 используют и в дальнейшем будут использовать очень много пользователей. Причина этого, думаю, известна всем, и о ней не стоит говорить. Статистика впечатляет, вот например то, какой она является к этому моменту по пользователям сети, посетившим сервис электронной почты Mail.Ru: IE и основанные на IE................................78,62% Microsoft Internet Explorer 6.............................64,26% Microsoft Internet Explorer 7.............................12,55% Microsoft Internet Explorer 5...............................1,45% Microsoft Internet Explorer 5.5............................0,32% Microsoft Internet Explorer 4...............................0,05%
Ответ: Корректор PNG ого жесть ! значит просто перерирую лого в 8бит png он нормально отображается в них ... или же если есть код для css для background тега ?
Ответ: Корректор PNG К великому сожалению, с бэкграундом фильтр работать не будет - картинку в шаблоне нужно прописывать через тег <img />.
Ответ: Корректор PNG Мамбот CorrectPNG вобщем то работает в IE6, но прозрачность появляется гдето через секунду после загрузки, что выглядит сразу не очень красиво. Хотел попробовать скрипт PluginIE7, который исправляет эту проблему с прозрачностью для ослов от 5 версии, но ссылки везде неживые. А проблема актуальна, так как пнг формат в 32 бита пока самый актуальный, так как что 8 бит что гиф формат, дают рваные края рисунку, если рисунок сложный и с тенью. AmmiAk, спасибо за код, надо будет попробовать. С багроунд у меня пока проблем небыло с пнг файлами, прозрачность была всегда. Вобщем IE6 только в бакгроунд с пнг нормально работает как не пародоксально.
Ответ: Корректор PNG Была такая проблема, решил проще, сделал jpg картинку, вырезал/нарисовл нужный background. Фотошоп в руки и все будет как надо.
Ответ: Корректор PNG Код (CODE): <script type="text/javascript"> if (typeof blankImg == 'undefined') var blankImg = 'templates/template_name/images/blank.gif'; //указываем путь к чистому изображению function filt(s) { var f = 'DXImageTransform.Microsoft.AlphaImageLoader'; s = (s || '').replace(/\(/g, '%28').replace(/\)/g, '%29'); if (filters[f]) { filters[f].enabled = s ? true : false; if (s) with (filters[f]) { src = s } } else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="scale")'; } function iePNGFix() { if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) || (event && !/background|src|className/.test(event.propertyName))) return; if (event && event.propertyName == 'className' && style.backgroundImage.indexOf('url(') == -1) style.backgroundImage = ''; var bgImg = currentStyle.backgroundImage || style.backgroundImage; if (tagName == 'IMG') { if ((/\.png$/i).test(src)) { if (currentStyle.width == 'auto' && currentStyle.height == 'auto') style.width = offsetWidth + 'px'; filt(src); src = blankImg; } else if (src.indexOf(blankImg) < 0) filt(); } else if (bgImg != this._png_bgImg) { this._png_bgImg = bgImg; if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)) { var s = RegExp.$1; if (currentStyle.width == 'auto' && currentStyle.height == 'auto') style.width = offsetWidth + 'px'; style.backgroundImage = 'none'; filt(s); // IE link fix. var links = all.tags('a'), i = links.length; if (i && style.position && /relative|absolute/.test(style.position)) alert('IEPNGFix: Links can\'t be within positioned elements!'); while (i--) links[i].style.position = 'relative'; } else filt(); } } iePNGFix(); </script> создаем отдельный файл iepngfix.htc , а в шаблон - это (в голову): Код (CODE): <style type="text/css"> img { behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc); } </style>
