URI encoded SVG

Bei der Verwendung von URI encoded SVG in CSS ist darauf zu achten dass nicht nur der Name des Kodierung sondern auch das Attribut charset verwendet wird. Andernfalls kann das Bild von Internet Explorer nicht interpretiert werden.

/* This will not work in IE */
.my-style {
    background-color: url("data:image/svg+xml;utf8,/* ... */ ");
}

/* This will also work in IE */
.my-style {
    background-color: url("data:image/svg+xml;charset=utf8,/* ... */ ");
}

Accessablility

https://css-tricks.com/accessible-svgs/

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.