Wie werden SVG-Bilder auf meiner Website angezeigt?

Question

Ich habe eine Website mit SVG-Bildern, aber ich habe ein Problem. Meine Site befindet sich auf einem Apache-Server mit meinem Host. Meine Bilder werden sehr gut angezeigt, wenn meine Site auf meinem lokalen Server war, jetzt aber auf meinen Host-Images nicht mehr angezeigt wird. Ich kontrollierte die URL ist korrekt. Ich kann mit der URL direkt auf das Bild zugreifen, aber die Bilder werden nicht auf meiner Website angezeigt.

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; 
} 

Können Sie mir helfen?

Answer 1

Haben Sie den MIME-Typ in der .htaccess-Datei angegeben? siehe hier: http://www.w3.org/services/svg-server/

Answer 2

Manchmal ändert sich die Ordnerstruktur von Lokal zu Server (ist mir passiert). Versuchen Sie, die absolute Richtung zu testen, um es zu testen

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