Question

我的部分设置如下：

this

我在根目录中有sakura.png，但图像没有显示，我只看到一个白色的屏幕，可能是什么问题？

编辑：我必须从background-image中删除引号：url（“sakura.png”）;

Answer 1

试试这个：

＆＃13;

* {margin: 0; padding: 0; box-sizing: border-box}
html, body {height: 100%}

#fullpage {
  height: 100%;
  background-image: url('sakura.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

＆＃13;

<section id="fullpage"></section>

＆＃13;

也是这样的：

#fullpage {height: 100vh}
html, body {width: 100vw; height: 100vh}和#fullpage {height: 100%}

Answer 2

尝试给节高度。

#fullpage { 
     height: 100px;
     background-image: url("sakura.png");
}

Answer 3

您需要在#fullpage

中添加width属性

#fullpage { 
     width:100px;
     height: 100px;
     background-image: url("sakura.png");
}

Answer 4

尝试像这样添加/到网址：

#fullpage { 
    background-image: url("/sakura.png");
}

还可以尝试为您的部分添加高度/宽度。

部分背景图像没有出现

4 个答案: