Question

我对html和css还是很陌生，如果这是一个愚蠢的问题，对不起。现在，我有一张覆盖整个页面的背景图像。问题是有时当我尝试放大其他图像或视频时，背景会无缘无故地“放大”。

  body {
    background-image: url("img/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
  }

这就是我现在在CSS中所拥有的。任何帮助都将不胜感激

Answer 1

欢迎使用StackOverflow！ = D 因此，在一个即时消息网站中，我也有固定图像背景，而ive则使用以下代码使图片适合背景：

  background-image: url('img/background.jpg');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;

我不确定它是否可以在您的代码上运行，但是如果说实话，我认为这将是您需要的解决方案。

快速提示，png文件很大，因此它可能会导致您的网站加载速度变慢，我去过那里，所以我建议您改用jpg文件。

如何使全屏背景无法放大

1 个答案: