html - css SVG background - strange transparent line around -
I have tried to use svg image in CSS as a background image. And I have faced with weird behavior, there is a strange transparent line around the SVG background element.
In the example below it is shown as the line between first and second div. The size of the line change based on the width of the element.
Screenshots from jsfiddle:
It breeds at least Chrome 37 and FF 32 on Windows and Linux
SVG image is quite simple:
& lt; Svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 0 0 0 0 76" enabled-background = "new 0 0 0 0 0 76" & gt; & Lt; Path fill = "# DE4943" d = "M0 76L1921 0 0z" /> & Lt; / Svg & gt; How to fix any thoughts? Try preserveAspectRatio = "none" / code> your lt; Svg & gt; In element In addition, you do not need the enabled-background attribute.
Comments
Post a Comment