无法显示背景图片

我想为我的页面设置多个背景图片，但我无法使用外部CSS文件，因此我不知道如果我做错了什么或者有什么问题记事本++或XAMPP，因为我的代码似乎是功能。无法显示背景图片

注：

我使用的图片已经全部权限打开。
我能够看到图像，如果我使用内嵌CSS，但不是当我使用外部CSS文件。
我也能够看到图像，当我使用图像标签。

图片代码（这个工程）

<img src="img/bg1.png" alt="">

测试HTML文档

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <meta charset="utf-8"> 
      <title>Test</title> 

      <!-- Custom Cascading Styling Sheet --> 
      <link rel="stylesheet" type="text/css" href="css/custom-styles.css"> 

     </head> 
     <body> 

     </body> 
    </html>

外部CSS代码：定制styles.css的

例1（这不起作用）：

body { 
     background-image: url('img/bg1.png'), url('img/bg2.png'), url('img/bg3.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
    }

例2（这不起作用）：

body { 
     background-image: url('img/bg1.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
    }

例3（这不起作用）：

body { 
    background-image: url('img/bg1.png'); 
}

来源

2016-01-12 JDFD

外部css文件中的图像与该css文件相关。你的html里面的图像（不管是img标签还是（内嵌）css）都与该html文档相关。

假设你有一个这样的结构：

/ 
/css 
    style.css 
/img 
    image.jpeg 
index.html

里面index.html你会引用图像img/image.jpeg。但是，在style.css之内，你必须首先登录一个目录，这样url就会变成../img/image.jpeg。

您也可以使用绝对URL或相对于根目录的URL。那些可以在任何被引用的文件中工作。所以如果你使用http://example.com/img/image.jpeg或/img/image.jpeg这些应该在任何地方工作。请注意，在本地主机上开发时，完整的url是一种痛苦，因为您的主机名可能会与在线不同。

要调试这些类型的问题，请打开开发人员控制台，转到“网络”选项卡，按“img”进行过滤，并在列表中查找任何红色的行。他们很可能会说从服务器返回了404响应（未找到图像）。检查浏览器试图获取的URL。如果你知道你网站的目录结构，应该很容易发现出了什么问题。还要注意，你可以看到谁在启动器列中发起了请求。点击链接可以直接找到请求图像的代码行。

来源

2016-01-12 16:55:11 Pevara

我看到了我出错的地方。我需要上传一个目录才能访问图像目录。谢谢！ – JDFD

你需要给的相对路径，所以我猜所有你需要的是：

body { 
    background-image: url('/img/bg1.png'); 
}

来源

2016-01-12 16:20:43 Yahel

谢谢你，但仍然无法正常工作或 – JDFD

-1

但下面的代码本身的工作对我来说

body { 
background-image: url('img/a.png'); 
}

您只需按照简单代码的html模板中的跟踪和错误方法即可。

小心：请检查您是否已关闭了图像查看功能。 :-)）））

来源

2016-01-12 16:29:16 edwinfrancisd

图像查看未关闭。我用一个简单的HTML文档来实现它，当我运行它时，我所得到的只是一个空白页面。我检查了似乎不是问题的css参考链接。 – JDFD

无法显示背景图片

回答

相关问题