Компания

Инвентарь

Наше все

Ководство

Техногрет

Показываем PNG в IE

HTML и CSS XSLT JavaScript Изображения Софт Etc

	Задача.	Показать в IE изображения с полупрозрачными областями.

Предлагаем вариант использования «сложного» формирования изображений. Он позволит значительно уменьшить объем графических файлов и добиться сносного их отображения в IE версий ранее 5.5. Недостатки — трудоемкость и ограниченное количество цветов в формате GIF.

Как это выглядит в браузере

+

=

<style type="text/css">
    #body_png
    {
        background-image: url('grid-10.gif');
        padding: 1em;
    }
    #body_png img
    {
        vertical-align: middle;
    }
    .png
    {
        //background-image: none ! important;
        /*
            не забудьте особенность конструкции
            behavior: url(...)
            путь должен быть абсолютным
        */
        behavior: url('pngfix.htc');
    }
</style>
<div id="body_png">
    <img
        src="logo.png"
        width="175"
        height="135"
        alt="Knorr &reg;"
    />
    +
    <img
        src="logo.gif"
        width="175"
        height="135"
        alt="Knorr &reg;"
    />
    =
    <img
        src="logo.gif"
        style="background-image: url('logo.png');"
        class="png"
        width="175"
        height="135"
        alt="Knorr &reg;"
    />
</div>