Задать вопрос

Как убрать белую рамку вокруг прозрачного png?

При наложении прозрачных png в html (подложка, 1, 2) возникает белая рамка там, где начинается прозрачность. Как от нее избавиться?

6avlB2b.png

При наложении в графическом редакторе (Paint.Net) рамки нет:

dB3KStk.png
<style type="text/css">
        .card IMG { position: absolute; }
        .conf-side { z-index: 5;}
        .conf-front { z-index: 2;}
        .conf-background { z-index: 1; }
    </style>

    <p class="card">
        <img id="front-1" src="img/2.png" alt="" class="conf-front" width="800" height="600" />
        <img id="side-1" src="img/1.png" alt="" class="conf-side"  width="800" height="600"/>
        <img src="img/background.jpg" alt="" class="conf-background"  width="800" height="600"/>
    </p>
  • Вопрос задан
  • 4390 просмотров
Подписаться 4 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы