Как заставить SVG из примера одинаково отображаться во всех браузерах?

Question

[Emptyform]

Вот пример с треугольником на SVG : https://jsfiddle.net/Talker/jds2v568/1/
Он нормально отображается только в хроме и его клонах, а в FF и IE по-разному: в FF обрезается, а в IE и вовсе не отображается.

Как сделать, чтобы он одинаково отображался во всех браузерах?

Answer 1

[Lynn «Кофеман»]

https://jsfiddle.net/jds2v568/3/
В IE не проверял.

Добавил preserveAspectRatio='none' и поменял background-size на 100% 100%

Comments

[Emptyform]

Алексей Тен Интересно, спасибо))