Question

它甚至没有出现在Chrome Inspector中。我做错了什么但不知道是什么。

<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="utf-8">
  <title>Trio - Bootstrap Responsive Agency/Portfolio HTML5 Template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- CSS & Favicon -->
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
  <link rel="stylesheet" href="css/stylesheet.css">
    <!-- scripts -->
</head>
<body>
  <div class="wrapper">
    <header>
      <div id=="container header_div">
        &nbsp;
      </div>
    </header>
  </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>

CSS是：

body {width: 100%; height: 100%; position: relative;}
header {height: 100vh;}
#header_div {
    background-image: url(../images/header_background.jpg);
    background-position: center;
    background-size: cover;
}

我在css中添加了所有background-properties，div有一个大小。

我的文件结构是这样的：

Answer 1

我看到几个可能导致问题的事情：

这里有两倍相等：<div id=="container header_div">。应该单身。另外，我看到id分隔的两个单词空间。 ID不能像类一样链接，这不是有效的句法。因为你设置#header_div的样式，div上的id属性应该是id =“header_div”。
图像的相对路径以两个点开头。结果，您退出当前目录。由于您的图像文件夹在与page.html相同的目录，文件路径应为： URL（/images/header_background.jpg）;
要查看图像，您还需要在#header_div元素中声明高度。

通过这样做，我能够在测试中看到背景图像。我希望这会有所帮助。

Answer 2

您的css中不存在UITableViewCellAccessoryDisclosureIndicator，请更改为<div id="container header_div">

＆＃13;

<div id="header_div">

＆＃13;

body {width: 100%; height: 100%; position: relative;}
header {height: 100vh;}
#header_div {
    background-image: url(http://www.planwallpaper.com/static/images/desktop-year-of-the-tiger-images-wallpaper.jpg);
    background-position: center;
    background-size: cover;
}

＆＃13;

Answer 3

之前我遇到过类似的问题。这就是我做的。我将div背景设置为此background: url("./images/header_background.jpg");

背景图像不会显示在div中

3 个答案: