Svg doesn't show

I used this temaplte for my web. I edited it and it was be ok at my localhost. I uploaded it to hosting and arrows in .svg doesn't show. Here is source code:

HTML:

<a href="#one" class="button style2 down">More</a>

CSS:

.dark .button.style2.down {
                background-image: url('images/dark-arrow.svg');
            }

SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[ line { stroke: #fff; stroke-width: 1; } ]]></style>
<line x1="0" y1="18" x2="18" y2="36" />
<line x1="36" y1="18" x2="18" y2="36" />
<line x1="18" y1="36" x2="18" y2="0" />

Answers


Check that your webhost is returning the right MIME type for SVG. It should be "image/svg+xml".

You can check by looking at the request using the Network tab in Firebug or your browser developer tools.


Need Your Help

checking if a file exists with a variable on python

python windows if-statement

i'm having a problem when i try to check if a file exists. The problem comes that the file name has to be defined by the user because its kind a "Autentication system", the problem is that no matte...

how to load angular-bootstrap

angularjs webpack angular-bootstrap oclazyload

Problem: I could not load the ui-bootstrap-tpls.js from node_modules