如何将png作为背景图像包含而不下载除HTML以外的任何内容?

时间:2016-07-27 10:37:47

标签: html css

我正在生成一个html文件。该文件应显示3个div。每个div都有:

background-image: url("something.png");

现在,当用户下载文件时(例如选择"将页面保存为"),他将只获取HTML - 没有实际的png文件。

我怎样才能确保他能够看到它们而不让他下载它们?

我尝试过转换为SVG,但这些图片有多种颜色,完全失败了。

1 个答案:

答案 0 :(得分:4)

你可以让它基于数据,即

background:url(data:image/png;base64,base64-encoded-image-goes-here)

有可能有jpg,gif等

您可以使用image-to-base64转换器获取base64图像。