Ami*_*pta 5 html css base64 image data-uri
我曾尝试过使用base64字符串显示图像的所有方法.但他们都没有工作.我在IE6,7,Firefox 3上测试过它.请告诉我下面的代码有什么问题.
<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上测试过
只是碰巧这些都不支持数据 URI（嗯，我认为 Firefox 3 是支持的，只是不是很好）。所以你没有做错什么。
如果您需要在这些浏览器中显示背景图像，只需使用传统的图像文件url()即可。