我有一个托管在远程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获取图像文件.