Base64 en html no funciona

StackOverflow https://stackoverflow.com/questions/4791601

Pregunta

Había probado toda la forma posible de mostrar imagen usando la cadena Base64. Pero ninguno de ellos está trabajando. Lo probé en IE6,7, Firefox 3. Por favor, dígame qué está mal con el siguiente código.

<head>

<STYLE type="text/css">
div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
 </STYLE>
</head>
<body>
<img src="data:image/jpg;base64,968" />
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />
<script type="text/javascript"  src="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>
<div class="image"></div>
</body>
¿Fue útil?

Solución

Lo probé en IE6,7, Firefox 3

Simplemente sucede que ninguno de estos datos de soporte URI (bueno, Firefox 3 creo que no muy bien). Entonces no estás haciendo nada malo.

Si necesita que se muestre su imagen de fondo en estos navegadores, simplemente use archivos de imagen tradicionales y url() en cambio.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top