Question

如何添加100％高度的部分响应式背景图像？现在我没有任何形象。

    <section class="takecare">

    </section>

takecare{
  background-image: url("images/craft.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

Answer 1

我认为存在拼写错误。你的CSS应该看起来像

if [ -n "$PID_OF_EXISTING_PROCESS"  ];

Answer 2

我建议你在.takecare之前添加元素'section'，以防你想在本节中添加一些内容并自定义它们而不添加大量的类和id。

section.takecare{
  background-image: url("images/craft.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

顺便说一下，Amab的答案很好，这只是一些建议。

问候。

Answer 3

如果父节点没有固定高度，则

height: 100%不起作用。尝试添加固定的height，如：

＆＃13;

.takecare{
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/34/70_Years_Porsche_Sports_Car%2C_Berlin_%281X7A3888%29.jpg");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

＆＃13;

<section class="takecare"></section>

＆＃13;

部分中的反复图像

3 个答案: