Заставить unitpngfix работать

Я пытаюсь заставить unitpngfix работать, но мне не удается отобразить png в IE6.

Это мой код:

<html>
  <head>
    <style type = "text/css">
      #boxouter {
        width: 12em;
        height: 12em;
        background: url(gradient.gif) #ffdf00 bottom repeat-x;
        position: relative;
        }
      #boxinnerbr {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 16px;
        height: 16px;
        background: url(corner.png);
        }      
    </style>
    <!--[if lt IE 7]>
            <script type = "text/javascript" src = "unitpngfix.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id = "boxouter">
      <div id = "boxinnerbr"></div>
    </div>
  </body>
</html>

У меня есть clear.gif в нужном месте и я правильно привязан к нему и т. д., Поэтому я просто не могу понять, почему он не работает.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
1 998
4

Ответы 4

У меня также были проблемы с unitpngfix, и мне очень не нравится использовать [if lt IE 7] и встраивать стили в html. Я нашел плагин jQuery это, который ненавязчив и хорошо работает с изображениями PNG и фоном css в IE6.

пытаться

background-image: url(corner.png);

две вещи 1. У вас нет файла clear.gif или 2. если он у вас есть, откройте файл unitpngfix.js и проверьте, правильный ли путь, указанный в первой строке

Не совсем прямой ответ на ваш вопрос, но вы можете посмотреть DD_belatedPNG. На мой взгляд, это лучшее исправление PNG.

Другие вопросы по теме