Как убрать белую рамку вокруг прозрачного 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>
  • Вопрос задан
  • 4375 просмотров
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ваш ответ на вопрос

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

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