Chrome nie wyświetla SVG, do którego odwołuje się tag <img>

Question

May 24, 2012, 02:04 PM

Chrome nie wyświetla SVG, do którego odwołuje się tag <img>

Mam problemy z Google Chrome, który nie renderuje svg ze znacznikiem img. Dzieje się tak podczas odświeżania strony i początkowego ładowania strony. Mogę sprawić, aby obraz pojawił się w „Inspecting Element”, a następnie kliknij prawym przyciskiem myszy plik svg i otwórz plik svg na nowej karcie. Obraz svg zostanie następnie wyświetlony na oryginalnej stronie.

<img src="../images/Aged-Brass.svg">

Zupełnie strata, jeśli chodzi o problem. Obraz svg wyświetla się dobrze w IE9 i FF nie tylko w Chrome lub Safari.

Mam także ustawione moje typy MIME. (obraz / svg + xml)

EDYTOWAĆ: Oto prosta strona HTML, którą zbudowałem, aby zilustrować mój problem.

<!DOCTYPE html>
<html>
<head>
    <title>SVG Test</title>

    <style>
        #BackgroundImage{
            background: url('../images/Aged-Brass.svg') no-repeat scroll left top;
            width: 400px;
            height: 600px;
        }

        #ImageTag{
            width: 400px;
            height: 600px;
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <div id="ImageTag">
        <img src="../images/Aged-Brass.svg">
    </div>
    <div id="BackgroundImage"></div>
</body>
</html>

Jak widać, próbuję użyć pliku svg zarówno w znaczniku img, jak iw css jako obraz tła. Żadna z nich nie ładuje początkowej strony w chrome ani safari. Kiedy sprawdzam element kliknij prawym przyciskiem myszy svg lub kliknij link do ładowania svg w innym oknie, które renderuje plik svg na oryginalnej karcie.

leaveComments