Прозрачность картинок png, gif. Проблемы с IE6.
что делать если нужно использовать прозрачную картинку в дизайне? Explorer не поддерживает png-формат.
gif-прозрачность однотонна. Хочется использовать png формат, который поддерживает более умную прозрачность, но, весит побольше gif'а. Да ещё и возникает проблема: IE6, как и IE5, png-формат не поддерживают.
Что же делать?
1. Тупо забить. Сейчас мало кто использует IE6, и не стоит оно, чтобы об этом заботиться... Лучше подумать о любимой.
2. Решить проблему. У меня до сих пор, например, IE6, которым я пользуюсь крайне редко.
И вот решение: с помощью java script (jquery) - см. здесь: andreaseberhard.de.
Чтобы png-фон стал прозрачным, заливаем себе 2 файла:
jquery-latest.pack.js (или другой jquery поновее);
jquery.pngFix.js.
Прописываем в путь к этим файлам.
<head>...<script type="text/javascript" src="/jquery-latest.pack.js"></script><br /><br /><script type="text/javascript" src="/jquery.pngFix.js"></script><br />...<br /></head><br /></code></pre> <p>И активируем тоже в .</p> <pre class="code-wrap"><head> ...<script type=“text/javascript”> $(document).ready(function(){ $(document).pngFix(); }); </script> … </head></p> <p>И все. Теперь png-image прозрачный в IE6 и в IE 5.5.</p> <p>3. Другой способ - это flash. В swf-файле с прозрачным фоном, при настройке его публикации можно задать любой размер без потери качества, в отличие от png. Весит он мало, грузится быстро и с прозрачным фоном. А то, что не у всех в браузере включен flash, решается картинкой-заглушкой. Как раз тот прозрачный gif или png на крайний случай для тех, его усидят те, у кого не загрузится флешка.</p> <p>В код вставки swf-файла в html прописываем прозрачный фон (wmode) и заглушку (img).</p> <p><object type=”application/x-shockwave-flash” data=”images/loco.swf” width=”425″ height=”368″> <param name=”wmode” value=”transparent” /> <param name=”movie” value=”images/loco.swf” /> <img src=”images/loco.png” width=”425″ height=”368″ alt=”" /></object>
Прозрачность картинок png, gif. Проблемы с IE6. - Генератор расширений Joomla и многое другое на нашем сайте посвященном работе расширений, компонентов, модулей, плагинов для линейки Joomla. Отправляйте ссылку на страницу своим друзьям и в социальные сети воспользовавшись графическими иконками выше.
