Estoy tratando de conseguir este sencillo código de trabajo:

<a href="#" target="_blank" style="display: inline-block;">
    <object data="icons/chrome.svg" type="image/svg+xml" style="pointer-events: none;">
        fallback text
    </object>
</a>

Cuando yo uso

data="http://images3.wikia.nocookie.net/__cb20120330024139/logopedia/images/d/d7/Google_Chrome_logo_2011.svg" 

funciona. Sin embargo, cuando me guarde ese archivo exacto en mi propio servidor y hacer referencia a él como el anterior, muestra el retroceso de texto en Firefox. En Chrome, el navegador descarga el archivo cuando abro la página (lo que demuestra que el archivo de enlace es correcto).

Alguien sabe qué está pasando aquí?

InformationsquelleAutor vee | 2014-12-07

1 Comentario

  1. 6

    Puedo pensar en cuatro posibilidades:

    1. El servidor está utilizando mal tipo MIME imágenes SVG. (Puede ser fijado por la adición de AddType image/svg+xml svg a su .htaccess; otros métodos descritos aquí)

    2. Guardó el archivo SVG en algún otro lugar y no existe en icons/chrome.svg. (Trate de navegar directamente a un archivo SVG en iconos/chrome.svg. Hace visualizar en el navegador?)

    3. Guardó el archivo con permisos insuficientes, lo que resulta en su servidor web no ser capaz de acceder al archivo. (Puede ser fijado por la navegación a la icons directorio y escribir chmod 0644 chrome.svg en la línea de comandos.)

    4. El archivo descargado desde nocookie.net no es en realidad un archivo SVG a todos. (Intente abrir dentro de un editor de texto.)

    • Gracias por su respuesta. Creo que el problema fue #1. Mientras que el .htaccess no funciona, yo era capaz de conseguir SVGs para mostrar de mi servidor por poner esto en una web.archivo config en la raíz: <configuration> <system.webServer> <staticContent> <remove fileExtension=".svg" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> </staticContent> </system.webServer> </configuration> De referencia estoy usando el hosting de Godaddy. Ahora estoy teniendo un problema por el que el enlace no funciona, pero estoy investigando eso.
    • el código funcionó para mí.

Dejar respuesta

Please enter your comment!
Please enter your name here