PNG in IE6
Головняк каждого верстальщика IE6 не справляется даже с PNG прозрачностью изображений. В интернете существует несколько способов борьбы с PNG прозрачностью в IE6, но у многих из этих способов есть минусы, например, скрипт от jQuery pngFix - вроде бы хорошо справляется со своей задачей, плюс ко всему - он не очень тяжелый, всего 4кб! Но, есть одно но! Если вы задали при помощи CSS - свойство background-position для вашего фонового изображения, то pngFix его безобразно растянет и будет игнорировать позиционирование вашени фонового изображения, так что этот скрипт пока отпадает... Спасибо очень хорошему человеку, который написал фикс - IE PNG Fix, данный фикс делает все тоже самое, что и jQuery pngFix, но он еще и справляется с background-position!
- Скопируйте и вставьте iepngfix.htc и blank.gif в папку вашего сайта.
- Скопируйте и вставьте это в CSS или HTML файл вашего сайта:
<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>
Вы можете вставить сюда любой CSS-селектор, в котором вы хотите использовать данный фикс, просто ставьте запятые, после каждого селектора и чуть не забыл еще один важный момент, путь к файлу iepngfix.htc указываем вашего HTML файла, а не CSS, как обычно:<style type="text/css">
img, div, a, input { behavior: url(/sites/all/themes/webcoder/iepngfix.htc); }
</style> - Если вы используете подпапки для ваших изображений, тогда откройте .HTC файл через текстовый редактор, например, Notepad ++ и найдите переменную
blankImg, а затем измените путь к blank.gif файлу (Путь должен быть относителен вашему HTML файлу):IEPNGFix.blankImg = '/sites/all/themes/mytheme/img/blank.gif'; - Для поддержки background-repeat и background-position нужно подключить скрипт (Можно через .info файл, если вы на друпале):
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
Вот и все, должно работать, ниже прикреплен архив, со всеми нужными файлами, кстати, данный способ использует apple :)
| Attachment | Size |
|---|---|
| iepngfix_v2.rar | 39.01 KB |
- Categories:
- heihachi's blog
- Add new comment
- 1720 reads


Recent comments
5 hours 33 min ago
8 hours 25 min ago
1 day 10 hours ago
1 day 17 hours ago
4 days 2 hours ago
4 days 2 hours ago
2 weeks 1 day ago
3 weeks 7 hours ago
4 weeks 2 days ago
7 weeks 5 days ago