Question

我在Eclipse IDE（mars1）中用css编写代码。

我的代码在Internet Explorer中运行良好，但在Google Chrome或Microsoft Edge中无效。

我的意思是内容正在显示，但我使用的背景图片和背景颜色没有显示在Chrome浏览器中，为什么会这样，是什么原因，如何纠正错误？

我正在使用background-image。

示例：

background-image:url("C:\project\images\background.jpg");

这是我的代码这个sis代码

 body { 
  background:url("C:/COMPUTER/E drive/My Externalp,f.jgg");
 margin-left:10px;
color:#000000;
font-family:serif;
font-size: medium;
font-style:normal;
}

我应该怎么做才能在chrome plaese工作，详细解释为什么它在chrome中工作而不是在chrome中工作我正在使用tomcat 7.0服务器

Answer 1

您的文件位于本地硬盘上。通常不建议使用像这样的完全限定路径（C：\ projects）......（并且会中断）。

您应该使用相对路径，例如＆＃39; ../ images / background.jpg＆＃39;假设您的HTML位于项目中，而您的CSS位于＆＃39; style＆＃39;等文件夹中。您遇到的问题是本地路径具有其他浏览器的特殊路径标识符...您只需使用相对路径就可以避免这种情况。

或者，实际上，安装某种HTTP服务器并且真的做得对。

Answer 2

我有资格Johns good answer当网站位于托管服务器而不是本地计算机上时，应将相对路径更改为绝对路径网站的根，每条路径以/开头。

For following examples website page is at C:\website\pages\index.html

当前本地路径：

C:\website\images\backing.jpg

当前相对路径（正如约翰所建议的那样）：

../images/backing.jpg

当您的网站在服务器上运行时的当前绝对路径：

/images/backing.jpg

原因是相对路径取决于两个因素;不仅在资源（项目的路径）所基于的位置，而且还在于请求来自的当前页面所在的位置。使用绝对路径时，您无需关心页面所在的位置，只要资源在给定的地址可以访问它就可以使用。

页面可以从here/index.html复制/粘贴到here/and/there/index.html，无需更改任何地址，并且两者都会加载所有绝对引用的资源。相关资源需要全部调整。对于每个文件夹。

除此之外，我（模糊地）还记得Chrome 将加载本地驱动器内容的问题，但需要交换斜杠，所以

<img src='C:\images\hello.jpg'>

需要成为

<img src='C:/images/hello.jpg'>

如何让css代码适用于所有浏览器

2 个答案: