如何在HTML中插入透明背景的图像？

Question

我有2张.png张照片，背景透明。 在我使用

的那一刻，我想将它们添加到我的页面

<div class="thumbnail">
    <img src="foo.png">
</div>

但是当我打开页面（通过铬合金）时，背景颜色是白色的，我不想要它是白色的，我希望它是透明的。

我不想使用CSS，但如果没有其他选项，那么我就去做。

Answer 1

请注意，如果您没有为背景提供任何颜色，那么默认情况下它在大多数浏览器上都是白色的！如果您使用的是chrome，可以这样做：

body {
  background: url("transparent1.png") transparent,
              url("transparent2.png") transparent;
}

正如KittMedia在评论中所述，如果您要定位新浏览器，请将transparent替换为：

body {
  background: url("transparent1.png") rgba(0, 0, 0, 0),
              url("transparent2.png") rgba(0, 0, 0, 0);
}

这样，您可以覆盖两个图像并使它们保持透明。这是你期待的吗？