Обводка SVG в Internet Explorer не отображается

378
07 марта 2017, 15:31

Для того, чтобы задать нестандартную обводку блоку, использую в качестве фона SVG. Цвет обводки задаю так stroke: #FFD200. Но если задавать цвет в HEX-формате, то обводка не отображается в IE(11), FireFox. Если задавать в RGB, то в FireFox работает. Есть ли какой-то кроссбраузерный вариант установки цвета?

.block { 
    width: 200px; 
    height: 200px; 
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: #FFD200; stroke-width: 6; stroke-dasharray: 6 3'/></svg>"); 
}
<div class="block"></div>

READ ALSO
Плавное увеличение/ уменьшение границ
CSS

Плавное увеличение/ уменьшение границ

Как сделать, чтобы при уменьшении размера экрана, отступы справа и слева постепенно становились меньше, как на этом сайте:

 301
Съезжают стили оформления, из за 2 файлов css
CSS

Съезжают стили оформления, из за 2 файлов css

Привет

 278
Как вывести таблицу на печать корректно?
CSS

Как вывести таблицу на печать корректно?

Суть проблемы такая, мне нужно вывести на печать таблицу и чтобы она поместилась на одном листе А4У меня таблица выводится динамически (PHP)

 261
Внутренняя крестовая тень градиентом
CSS

Внутренняя крестовая тень градиентом

Всем пример! Я недавно задавал, как сделать наклонную круговую внутреннюю тень

 216