Base64 в HTML не работает
Вопрос
Я пробовал все возможные способы отображения изображения с помощью строки Base64. Но никто из них не работает. Я проверил его на IE6,7, Firefox 3. Пожалуйста, скажите мне, что не так с Code.
<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>
Решение
Я проверил это на IE6,7, Firefox 3
Просто случается, что ни одна из этих данных поддержки Uris (ну, Firefox 3 я думаю, просто не очень хорошо). Так что ты не делаешь ничего плохого.
Если вам нужно ваше фоновое изображение для отображения в этих браузерах, просто используйте традиционные файлы изображений и url()
вместо.
Не связан с StackOverflow