Base64 в HTML не работает

https://stackoverflow.com/questions/4791601

24-10-2019
|

Вопрос

Я пробовал все возможные способы отображения изображения с помощью строки 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() вместо.

Лицензировано под: CC-BY-SA с атрибуция

Не связан с StackOverflow