Задать вопрос
@vetalmatitskiy
testing engineer

Как заставить png-файлы в слое быть действительно прозрачными?

Привет, уважаемые гуру веб-разработки. пишу небольшое веб-приложение для создания коллажей из png-файлов с прозрачным фоном. столкнулся с проблемой, что хотя фон у файлов и прозрачный, но прямоугольные границы одного изображения все равно закрывают кусок другого изображения. можно ли как-то пофиксить этот момент, чтобы объекты на картинках можно было близко распологать на странице без перекрытия границ.
хтмл-код имеет примерно такой вид:
<div class="ui-resizable" id="canvas">
<img style="position: relative; width: 120px; right: auto; height: 120px; bottom: auto; left: 61px; top: 33px;" id="LO019EWGOU56IN" class="tools-item ui-draggable ui-draggable-handle" src="pics/LO019EWGOU56_1_v2.jpg">
<img style="position: relative; width: 120px; right: auto; height: 120px; bottom: auto; left: -91px; top: 97px;" id="BE032DWIWA61BL" class="tools-item ui-draggable ui-draggable-handle" src="pics/BE032DWIWA61_1_v1.jpg">
</div>
  • Вопрос задан
  • 122 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@vylegzhanin
У вас джипег, он не может иметь прозрачный фон.
И если даже PNG и имеет прозрачный фон, то <img /> все равно будет иметь прямоугольную форму и накладываться на другие элементы.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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