Welcome, there is a need to display a svg background (dotted europe map) - bring him full code, thus:
background-color:#000000; background-image: url('data:image/svg+xml ..../>');
(Full code here
If you open the analyzed url in google chrome, everything is fine, but in firefox not so good:
XML Parsing Error: unclosed token....
Line Number 1, Column 537:
well, points to the supposedly unclosed tag path, which, as seen in the code, very closed.
And ff correctly displays the svg as a picture here is the svg image
In chrome, again, the picture is displayed normally.
The assumption is following.
In order to minimize this svg, I use the simplest pattern, superimposed on a closed loop. Otherwise, if the output of each point - essentially a circle - the size of the file increases with 18-19 KB to 1MB or more. Hence the assumption that ff is not able or something differently interacts with the tag pattern in the body of svg.
Is there correct solution to this problem, no matter how, most importantly, to keep a small size?
Preferably also as different backgrounds for different browsers, ie would not load and to minimize the more and jpg, which is at a much worse quality and much larger in size?