Question

我有一个网页。

  <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title> Welcome to domain.com!</title>
<link href="css/styles.css" type="text/css" rel="stylesheet" />
</head>
<body>
</body>

和css文件

body {
    background-image: url("../pics/city7.png");
    background-size: 100% 100%;
    display: inline-block;  }

它在chrome中完美地工作（缩放）。但在Firefox中，它只是一堆线。我尝试使用display：inline-block - 但这并不能解决问题。我甚至不确定它在做什么。据我所知（并且在这一点上它不是很多），如果我将图像放在HTML中它将覆盖CSS - 有人能指出我正确的方向吗？

Answer 1

在CSS文件中，您可以编写如下内容：

html {
  min-height: 100%;

}

body {
  background-image: url("../pics/city7.png");
  background-size: 100% 100%;
}

背景图像不会在Firefox中呈现

1 个答案: