7

I have a website with SVG images, but I have a problem. My site is on an Apache server with my host. My images are displayed very well when my site was on my local server but now it is on my host images no longer appear. I controlled the url is correct. I can access with the url directly on the image, but the images are not displayed on my site.

HTML

<span class="logo">Logo</span>

CSS ;

div.main-content-logo h1#header-logo .logo {
    background: url("../img/logos/logo-main.svg") no-repeat scroll 0 0 / 260px auto rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    text-indent: -999px;
}
div.main-content-logo h1#header-logo .logo {
    display: block;
    height: 78px;
    width: 260px;
}

Can you help me?

Improve this question
2
  • Why is there a / in your background parameters?
    – putvande
    Commented Mar 7, 2014 at 14:19
  • The / 260px allows me to set the size of the background
    – Florent
    Commented Mar 7, 2014 at 14:30

2 Answers 2

Reset to default
1

Have you specified the MIME type in the .htaccess file? see here: http://www.w3.org/services/svg-server/

Improve this answer
1
  • I am guessing this is happening in all browsers. Can we have a link?
    – DavidT
    Commented Mar 7, 2014 at 17:28
0

Sometimes going from local to server changes the folder structure a bit (has happened to me). Try putting the absolute direction to test it

background: url("http://myexampledomain.com/img/logos/logo-main.svg") no-repeat scroll 0 0 / 260px auto rgba(0, 0, 0, 0);
Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.