alvaro-prieto
6/21/2018 - 8:49 AM

SVG fondo background background-image inline

	
** Importante! **
	Recomiendo esta forma, Base64 para compatibilidad con todos los navegadores modernos
	http://b64.io/
	
	
**Alternativamente, utilizar**

** reemplazar  # por %23  para compatibilidad con firefox **
No funciona en IE11, salvo que se codifique en base 64
	
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");