我可以使用本地文件系统中的图像作为HTML背景吗?

前端之家收集整理的这篇文章主要介绍了我可以使用本地文件系统中的图像作为HTML背景吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个托管在远程Web服务器上的 HTML文档.我试图让网页上的一个元素使用我的本地文件系统的图像文件作为其背景图像.没有运气与Chrome,Safari或Firefox(没有尝试IE).

这是我迄今尝试过的一个例子.

<!DOCTYPE html>
<html>
    <head>
        <title>Experiment</title>
        <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            html,body { width: 100%; height: 100%; }
        </style>
    </head>
    <body style="background: url('file:///Users/username/Desktop/background.png')">
    </body>
</html>

如果我使用浏览器的网络检查工具检查body元素,并选择“在新标签页中打开图像”,则图像就在那里.因此,浏览器完全有能力使用给定的URL获取图像文件.

是我想尽可能的拉下去,还是浏览器的一个安全功能,试图阻止外部网域访问用户的本地资源?

解决方法

您似乎可以提供本地映像名称,假设它在同一个文件夹中…

这就足够了

background-image: url("img1.png")

猜你在找的HTML相关文章