背景图像无法在Firefox中呈现

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 个解决方案

解决方案1
1 已采纳 2015-09-10 21:07:59

背景图像无法在Firefox中呈现

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-10 21:07:59

解决方案1
1 已采纳 2015-09-10 21:07:59