背景圖像無法在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