내 사이트에 SVG 이미지를 표시하는 방법은 무엇입니까?

Question

SVG 이미지가있는 웹 사이트가 있지만 문제가 있습니다. 내 사이트는 내 호스트가있는 Apache 서버에 있습니다. 내 사이트가 내 로컬 서버에있을 때 내 이미지가 잘 표시되지만 내 호스트 이미지에 더 이상 나타나지 않습니다. 나는 URL이 정확하다는 것을 통제했다. 이미지에 직접 URL로 액세스 할 수 있지만 이미지는 내 사이트에 표시되지 않습니다.

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

도와 주시겠습니까?

Answer 1

.htaccess 파일에서 MIME 형식을 지정 했습니까? 참조 : http://www.w3.org/services/svg-server/

Answer 2

때로는 로컬에서 서버로 이동하면 폴더 구조가 약간 변경됩니다 (나에게 일어난 일입니다). 테스트를 위해 절대적인 방향을 시도하십시오.

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