Question

这似乎是一个常见问题，但我看到的现有答案对我来说似乎并不适用。我的背景图像比它宽得多。我希望高度为body高度的100％。到目前为止，我已经尝试过：

body, html {
    height: 100%;
    min-height: 100%;
}

body {
    background:url("NewLogo.png") no-repeat center center;
    background-size: 100% auto;
}

我也尝试过更改background-size: cover;，但这也只会使图片变大但会切断顶部和底部。

Answer 1

使用error: Caused by: org.springframework.expression.spel.SpelParseException: Expression [perfil.qtdItem == 0 ? 'red'] @38: EL1044E: Unexpectedly ran out of input。这将保证整个图像出现在容器中，并且没有任何内容被切断：

find . -maxdepth 3 -type f -name '*.xml' | xargs dirname

Answer 2

请注意，如果你想要一张封面的背景图片并且已经拥有它自己的高度（不仅像你的浏览器一样宽，而是像你所说的那样失去顶部和底部），您可以尝试在vh中为您的背景图像提供合适的高度。

＆＃13;

body {
      margin: 0;
    }

#image {
  background-image: url(https://images.unsplash.com/photo-1504387103978-e4ee71416c38?auto=format&fit=crop&w=2134&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
  background-repeat: no-repeat;
  height: 293vh;
  background-size: cover;
}

＆＃13;

<div id="image">
</div>

＆＃13;

否则，如果你只想制作背景图片封面，或者你想让它包含（虽然你的图像不适合浏览器范围，它会在它的真实高度），你可以访问以下链接： codepen>background-size>CSS-Tricks

使背景图像填充背景

2 个答案: