css - Can't display SVG image -
i'm trying display svg; below code works inline svg, have svg file lots of content, changed this:
background:url("data:image/svg+xml;base64, dot-and-circle.svg") no-repeat;
but it's not working. can help?
body,html,#map_canvas{height:100%;margin:0;} #map_canvas .centermarker{ position:absolute; /*url of marker*/ background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><circle cx='15' cy='15' r='10' /></svg>") no-repeat; /*background:url('dot-and-circle.svg') no-repeat; /*center marker*/ top:50%;left:50%; z-index:1; /*fix offset when needed*/ margin-left:-10px; margin-top:-34px; /*size of image*/ height:16px; width:16px; cursor:pointer; }