Question

我的背景图片无效 css：

{{1}}

我已多次查看过，但我无法找到此代码的错误。网址是对的，语法是对的......这有什么问题？

Answer 1

边界后没有分号。像这样：

border:3px solid lightgreen;
  background-image:url("images/some_image.png");

Answer 2

边界声明后没有分号。添加一个，它会工作。

Answer 3

  border:3px solid lightgreen
  background-image:url("images/some_image.png");

你好像忘记了上面一行的分号。

此外，这是一个相对的URL，而不是绝对的URL。

Answer 4

.main {
  width: 100%;
  height: 500px;
  color: rgb(5, 1, 0);
  position: absolute;
  border: 3px solid lightgreen;
  background-image: url("http://www.hdwallpapersimages.com/wp-content/uploads/2014/01/Winter-Tiger-Wild-Cat-Images.jpg");
  -webkit-background-size: cover;
}

<div class="main">
</div>

Answer 5

截至目前，您已在background-image内加入了border！如果some_image.png位于正确的目录中，请在边框声明后添加分号，并且背景图像应该可以正常工作。

你的CSS应该是这样的：

.main {
  color:rgb(5, 1, 0);
  position:absolute;
  border:3px solid lightgreen;
  background-image:url("images/some_image.png");

}

css background-image无法使用绝对URL

5 个答案: