html - 在 HTML 或 body 上实现背景图片的最佳方式

Question

我有一张图片，我需要拉伸(stretch)整个 body ，所以我不知道最好的方法是什么

html{
  /*background image properties*/
}

或

body{
  /*background image properties*/
}

Answer 1

body{
    background-image:url('../images/background.jpg');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

这将是最好的方法，您可以将它应用于 HTML，这实际上取决于您喜欢什么...

background-image:url('../images/background.jpg');

假设您的 css 文件位于不同的 map 中，您可以执行 ../转到放置您的 css 文件夹的 map ，然后进入图像文件并选择图像。

background-attachment:fixed;

当设置背景图像时，我个人喜欢使用它，这样当用户滚动时，背景图像会保持其当前位置。

background-repeat: no-repeat;

使用此设置时，图像不会重复，以防图像太小或无法覆盖整个背景。

background-size: cover;

当你应用它时，你将背景大小设置为覆盖，结合 no-repeat 和 attachment: fixed 它是设置背景样式的好方法图片