文件未在CSS中找到错误，但未显示背景图像

Question

我创建了一个名为new.css的外部样式表。它在new.html中链接，但问题是，图像没有显示。我已将所有三个文件new.html，new.css和banner_bg.png放在同一个移动资产文件夹中。

我是Cascading Style Sheets的新手，所以请大家帮帮我解决这个问题。谢谢。

Here's my code in JSFiddle.

Answer 1

CSS中有图像的绝对路径。

改为使用相对路径：

  let x = ["", "comp", "myval", "view", "1"];
  if (x.indexOf(yourVal) >= 0) {

   let nextValue = x[x.indexOf(yourVal) + 1];

  } else {
   // doesn't exist.
  }

您的div是绝对定位的，并且没有内容，这意味着它的尺寸为background-image: url("banner_bg.png"); 。您需要添加一些高度和宽度（您可能希望在0x0中添加它们。）

%

如果由于某种原因你想要使用绝对路径，你会这样做（不推荐，因为它适合你，但没有其他人）：

height: 200px;
width: 700px;

Answer 2

您需要删除

  

位置：绝对

并指定一些要检查的高度（如@pol建议的那样）

.top
{
 height: 500px;
 background-image:url("https://www.hello.com/img_/hello_logo_hero.png");    // Change with this your RELATIVE path
}

Answer 3

请试试这个

.top
{
  background-image:url("https://cdn3.tnwcdn.com/wp-content/blogs.dir/1/files/2015/04/usertesting.jpg");
  width:100%;
  height:500px;
  display:block;
}