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:

here Enter image details

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

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -