css - SVG Circle Scaling -


i have simple svg circle:

<svg version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/adobesvgviewerextensions/3.0/"  x="0px" y="0px" width="100px" height="100px" viewbox="0 0 100 100" overflow="visible" enable-background="new 0 0 100 100"  xml:space="preserve"> <circle fill="#6e6f6f" cx="50" cy="50" r="49"/> </svg> 

this image being used background, , resized 22px:

background: transparent url('++resource++svg/star_neg.svg') no-repeat 0 0 / 22px 22px; 

when view in browser, right , bottom sides of circle appear flat in firefox (chrome looks fine). if zoom in on firefox, circle appears complete expected. how can fix this?

finally found simple solution. div displaying svg background should larger svg. had box @ 22px square, same size setting svg. fix issue, displayed box 25px, background image centered instead of set in corner.


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -