创建空的 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 就可以了。

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

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>