使用inspect元素通过css加载本地存储的图像

Question

我正在尝试重新设计一个巨大的网站的一小部分，我被告知如果它们位于与重新映射网站的样式表相同的路径中，我可以将自定义图像加载到Inspect Element（Chrome）。 （所有这些都通过css通过'content：url（'...'）;'）完成，但网页仍然在自己的资源中寻找它们。那么有没有办法将本地存储的图像与Inspect Element一起使用？

（我知道我没有以最好的方式表达，但你知道我的意思）

由于

Answer 1

实际上，它只适用于背景而不是背景图像（不确定它是否有效）但没有图像的背景似乎有效。所以放入：

file:///Users/[YourName]/Documents/picture.png

像这样：

background:url("file:///Users/[YourName]/Documents/picture.png")

我刚刚决定做出贡献，因为我只想自己尝试一下，并发现这是第一个答案，尽管帖子是2-3岁;虽然对其他用户来说可能会有帮助。

此外，这是在Opera上完成的，但还没有在其他浏览器上尝试过，但它对我有用。不要包含驱动器名称。但您可以通过将图像拖入浏览器（如果加载它）并复制链接来复制URL。它应该工作（通常是不会自动下载图像的旧版浏览器）。

Answer 2

当您在本地传递图像时，您可以使用，例如：

file:///C:/Users/[username]/Desktop/picture.png

因此，如果我要更改背景图片，我会使用

background-image:url("file:///C:/Users/Julia/Desktop/background.png");

但请注意，很多网站都不允许您加载本地资源，因此当您尝试时，检查控制台中可能会出现错误。