ASP.Net Development Server Archivo SVG que sirve para la imagen de fondo CSS

Question

Tengo algunos problemas para configurar un archivo SVG como fondo de un elemento en un sitio MVC 3 (Razor View Engine) y me pregunto si el ASP.Net ¿El servidor de desarrollo (Cassini?) Está sirviendo correctamente el archivo SVG.

Mi Imagen SVG se encuentra en /img/plus.svg y aquí está su contenido

<?xml version="1.0" encoding="utf-8"?> 
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="25px" height="25px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve"> 
<polygon fill="#231F20" points="25,8.621 16.38,8.621 16.38,0 8.621,0 8.621,8.621 0,8.621 0,16.379 8.621,16.379 8.621,25 
    16.38,25 16.38,16.379 25,16.379 "/> 
</svg> 

la regla CSS que estoy usando para configurar el fondo es la siguiente:

.plusIcon { background-image: url(@Url.Content("~/img/plus.svg")); } 

También he añadido este a mi Web.Config <system.webServer><staticContent> sección:

<!-- Proper svg serving. Required for svg webfonts on iPad --> 
<remove fileExtension=".svg"/> 
<remove fileExtension=".svgz"/> 
<mimeMap fileExtension=".svg" mimeType="images/svg+xml" /> 
<mimeMap fileExtension=".svgz" mimeType="images/svg+xml" /> 

Cuando navego a t él url /img/plus.svg el archivo se descarga correctamente.

¿Esto es solo un problema del servidor Dev, debería probar en IIS?

Answer 1

Resulta que esto es solo un problema de Cassini, ASP.Net Development Server. Cuando se cargan en un Sitio IIS apropiado, los archivos SVG son que se prestaron correctamente.