Почему SVG не растягивается на Firefox, когда установлена ​​на фоне CSS ⇐ CSS

[Anonymous]

Я установил следующую SVG (простая диагональная линия) в качестве фона элемента. < /p>

Код: Выделить всё

< /code>
Поскольку SVG не указывает ширину и высоту, я ожидаю, что он займет все доступное пространство и будет растянуто. Это происходит в Chrome, но не происходит в Firefox. Однако, когда я непосредственно устанавливаю URL в Firefox Search-Bar, изображение растягивается до всего вида. Какова причина такой несоответствия и кто прав?
< /code>
.box {
width: 300px;
height: 100px;
border: 3px solid lightcoral;
background: url("data:image/svg+xml;utf8,");
}

или не стесняйтесь открывать эту скрипку в обоих браузерах
https://jsfiddle.net/helmax/4983luwx/


Подробнее здесь: https://stackoverflow.com/questions/797 ... background