创建空的1px图像

Question

我在HTML中创建图片标记

var img = document.getElementById('image');
alert(img.width)

<div width="500">
  <img id="image" width="100%" height="1"></img>
</div>

在所有浏览器中，img.width将为500px。但是在Firefox中它会为0.但是如果在图像标签中设置src它就可以工作。

是否可以在不使用任何文件（png，jpg，...）的情况下设置1px透明图像

Answer 1

var img = document.getElementById('image');
alert(img.width)

Thanx to LinuxDisciple I found a solution to the problem

<div width="500">
  <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" id="image" width="100%" height="1"></img>
</div>