Можно ли в наши дни использовать PNG с альфа-прозрачностью на сайтах? - PullRequest
Новая
       13

Можно ли в наши дни использовать PNG с альфа-прозрачностью на сайтах?

7 голосов
/ 07 октября 2010

Я помню, как 3 года назад я испытывал огромную боль при использовании любого хорошего PNG с альфа-каналом на сайтах из-за IE6 и других плохих браузеров.

Но как насчет сейчас? Как насчет того, чтобы вашей целевой аудиторией были пользователи iPhone, iPad и iPod Touch? Я считаю, что эти люди не настолько глупы, чтобы использовать старые браузеры с плохими браузерами. Они используют новейшие, лучшие вещи, которые они могут, и они технически подкованы и умны. Это правильное предположение? Значит ли это, что я могу безопасно использовать PNG с альфа-версией для создания отличных сайтов для своих приложений, не беспокоясь о безобразии?

Ответы [ 3 ]

10 голосов
/ 08 октября 2010

Да, совершенно нормально использовать PNG с альфа-прозрачностью. Так было всегда, вам просто нужно было исправить IE6 с фильтрами.

Итак, используйте их:)

4 голосов
/ 08 октября 2010

Когда мне нужно использовать альфа-прозрачные PNG, мне нравится работать со старыми браузерами с помощью DD_belantedPNG .

Затем вы можете настроить условный IE для вызова исправления PNG для определенных элементов, которые вам нужны. 

    <!--[if IE 6]>
        <script type="text/javascript" src="/lib/js/DD_belatedPNG-min.js"></script>
        <script type="text/javascript">
            DD_belatedPNG.fix('#Logo a img');
        </script>
    <![endif]-->

Возможно, вы хотите избежать общих исправлений PNG, которые применяются к всем PNG на странице.

Помните, что если вам не нужны альфа-прозрачность, 8-битные PNG будут работать везде.

1 голос
/ 08 октября 2010

Есть несколько библиотек JS, которые добавят поддержку прозрачных PNG в IE6. Я использую pngfix.js: http://jquery.andreaseberhard.de/pngFix/

Существует также автономная версия этого плагина, если вы не используете jQuery.

...