Question

这是我的代码

<body>
  <div id="header">
    <div id ="wrapper"class="container clearfix"></div>
  </div>
</body>

这是我的css

body {
  background-image: linear-gradient( #5Dcfc3 20%, #009E8E 75%);
  background-image: -o-radial-gradient( #5Dcfc3 20%, #009E8E 75%);
  background-image: -moz-radial-gradient( #5Dcfc3 20%, #009E8E 75%);
  background-image: -webkit-gradient(radial,( #5Dcfc3 20%, #009E8E 75%));
  background-image: -webkit-radial-gradient( #5Dcfc3 20%, #009E8E 75%);
  background-image: -ms-radial-gradient( #5Dcfc3 20%, #009E8E 75%);
}

#header {
  width: 200px;
  height: 299px;
  background: #34cfbe url("img/Trentnavbar.png") repeat;
  background-size: 100% 100%;
}

所以基本上我试图为我的导航栏设置背景图像，但是当我尝试添加高度和宽度时，它会影响类体中的背景图像。不确定我做错了什么:(

Answer 1

使用如下的相对路径。

#header {
  width: 200px;
  height: 299px;
  background: #34cfbe url("../img/Trentnavbar.png") repeat;
  background-size: 100% 100%;
}

试图通过css设置背景图像，但它没有显示出来

1 个答案: