Первоначально это была просто прозрачная картинка в формате PNG, которую легко решить в IE. Я также пробовал много методов, включая метод js, метод CSS-фильтра и т. д., но я чувствую, что в целом он не идеален, и если я использую, Метод спрайтов в то же время не так уж и прост и удобен.
Наконец, я обнаружил, что использование метода htc для встраивания в файлы CSS может сразу решить большинство проблем с прозрачностью.
Этот метод использовали многие люди, но, поскольку страница на английском языке, мало кто ее перевел, и мало кто будет ею пользоваться.
Подробно этот метод представлен ниже:
Демо-адрес самого метода: http://www.twinhelix.com/css/iepngfix/demo/
(Как я уже сказал, все на английском, не волнуйтесь)
Можно решить:
1. Используйте тег «img», чтобы добавить на страницу прозрачное изображение PNG.
2. Используйте фон, чтобы добавить прозрачный фон PNG в CSS (поддерживается несколько версий).
3. Некоторые версии фонового PNG прозрачны и их необходимо решить, добавив js на текущую страницу.
Загрузите пакет файлов: http://www.twinhelix.com/css/iepngfix/iepngfix.zip.
1. После скачивания и разархивирования будет много файлов, среди которых есть 3 файла, которые нам нужно использовать:
iepngfix.htc, Blank.gif, iepngfix_tilebg.js
2. Вы можете перенести их в соответствующие каталоги css, js и images соответственно. Конечно, вы также можете создать новую папку, например папку с именем: iepng, и перенести их в нее.
3. Добавьте первое предложение кода. Это формат, добавленный в html-файл. Не забудьте изменить путь к файлу htc. Если вы боитесь ошибок, напрямую используйте путь относительно корневого каталога, например. как /iepng/iepngfix.htc. Обычно это не работает, конечно, вы также можете добавить поведение: url (iepngfix.htc) в файл reset.css.
| <style type="text/css"> img, div {поведение: URL(iepngfix.htc}); </стиль> |
4. С помощью Блокнота или аналогичного инструмента откройте файл iepngfix.htc и замените путь к файлу BlankImg своим собственным, например /iepng/blank.gif, в соответствии с вашей реальной ситуацией.
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. Добавьте следующий код вызова js в «шапку» нужной страницы (этот шаг не обязателен. Если ваше включение в заголовок вызывается единообразно, рекомендуется добавить это предложение)
| <script type="text/javascript" src="iepngfix_tilebg.js"></script> |
После описанных выше шагов вы можете добиться эффекта прозрачности PNG в IE.