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; } 


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo