使用数据uri将背景图像添加到div

时间:2013-08-08 10:46:52

标签: html

我正在尝试使用数据uri格式设置背景,但它不起作用。是否支持?

<div id="img_div" style="background-image: url(data:image/gif;base64,R0goKG41........sadasd==);"></div>

这是我的小提琴:http://jsfiddle.net/NA9Ye/

我在这里编辑了数据,所以我的帖子不会很大。

感谢你

2 个答案:

答案 0 :(得分:2)

http://jsfiddle.net/NA9Ye/5/

您必须使用background-image

为div添加宽度和高度
    #img_div{width:1000px;
height:1000px}

答案 1 :(得分:1)

尝试在div中添加一些内容。或者设置它的高度和宽度。

http://jsfiddle.net/NA9Ye/10/

<div id="img_div" style="height: 500px; width: 500px; background-image: url(data:image/gif;base64,R0goKG41........sadasd==);"></div>