У меня есть контейнер с фоновым видео, и я создаю наклонный эффект div, просто размещая div с треугольным изображением в нижней части div.
Структура для div:
<div class="triangle">
<img src="triangle.png" />
</div>
и CSS:
.triangle {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.triangle img {
width: 100%
}
Он работает и отлично выглядит на Chrome, Firefox и даже IE11, но на Edge естьПрозрачность одного пикселя фонового видео, что бы я ни делалЯ попытался сдвинуть изображение на несколько пикселей вниз, придав ему более высокий z-индекс, добавив, переместив и расположив несколько белых псевдоэлементов, чтобы скрыть его, но Edge не будет отображать элементы в виде флеша или позволять покрывать линиюказалось бы, любыми средствами.
Кто-нибудь знает, что вызывает это или как это исправить?
Редактировать: Извините за отсутствие, День благодарения!
Вот ссылкак используемому треугольнику PNG: https://res.cloudinary.com/dgeb3iekh/image/upload/v1542393468/new-slant_ga8nka.png
Здесь - кодовая ручка, которая воспроизводит проблему в Edge (для меня в любом случае).