[SOLUCIONADO] Bug con imagen de fondo en Microsoft Edge e IE

[JessHilario]

Hola! tengo un pequeño problemita al cual ya le he dado varias vueltas y nomas no se soluciona :
El problema es con una imagen svg que puse de fondo. Se ve bien en chrome y firefox pero en Microsoft Edge e IE nomas no sale. ¿Alguna idea? :S

Vista en Chrome y Firefox.


Microsoft Edge e IE


Código:

Código:

.personal-info{
	height: 100vh;
	width: 100%;
	background-image: url(http://www.clker.com/cliparts/5/c/a/2/1211761710424887898StefanvonHalenbach_Stars_in_the_night_sky.svg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
}

[JessHilario]

Buenas, ya he dado con la solución :D
Basta con usar un pequeño hack llamado PNG fallback, el inconveniente es que no se pueden usar imágenes transparentes o se vera raro, pero en mi caso me sirve :p
Les dejo aqui la info: [URL="http://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/"]PNG fallback[/URL]

Código:

background-image: none, url("url-de-imagen.svg"), url("url-de-imagen.jpg");

Saludos!

[pzin]

Por lo visto IE da problemas si el SVG no tiene indicado un ancho y alto. Casualmente con Edge pasa lo mismo, aunque no sean los mismos navegadores.