BASE64 en HTML ne fonctionne pas
Question
J'avais essayé tous les moyens possibles à l'image d'affichage en utilisant la chaîne base64. Mais aucun d'entre eux travaillent. Je l'ai testé sur IE6,7, Firefox 3. S'il vous plaît dites-moi ce qui ne va pas avec le code ci-dessous.
<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>
La solution
Je l'ai testé sur IE6,7, Firefox 3
Il se trouve qu'aucun de ces URIs de données de soutien (bien, Firefox 3 ne je pense, tout simplement pas très bien). Donc, vous faites mal rien.
Si vous avez besoin de votre image de fond à afficher dans ces navigateurs, il suffit d'utiliser des fichiers d'image traditionnels et url()
à la place.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow