Question

我有一个chrome扩展程序，可以让我将css添加到任何网站。我试图在我的硬盘驱动器上使用图像放置背景，但无法使其工作。

对于此示例，我使用的是www.google.com

如果它有所不同，我使用的chrome扩展名称为Stylebot

这是我添加的CSS

body {

background:#F9F0C9 url("file:///C:/Users/username/OneDrive/Documents/PaperPAge/5-wrinkled-parchment-paper1final2.png")  center center fixed;
background-repeat: repeat-x;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

＃F9F0C9颜色被添加到背景中，因此有些工作正常，但未显示所选的背景图像。

Answer 1

请将背景更改为background-image

那么你的代码将是

body {
background-color:#F9F0C9;
background-image:url("file:///C:/Users/username/OneDrive/Documents/PaperPAge/5-wrinkled-parchment-paper1final2.png") center center fixed;
background-repeat: repeat-x;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

Answer 2

Stylebot是Chrome扩展程序，因此所有脚本（包括CSS解析器）都是用JavaScript编写的。 @ C.Dhruv是正确的，没有Chrome方法可以在不提示的情况下从用户的本地磁盘中任意读取文件。如果可能，我建议您将图片上传到您自己的面向公众的网络服务器或某个图片托管网站，并在上面的代码段中相应地引用该网址。

是否可以在网站上添加/更改css以显示硬盘的背景图像？

2 个答案: