一尘不染

在HTML或主体上实现背景图片的最佳方法

css

我有一张需要伸展全身的图像,所以我不知道什么是最好的方法

html{
  /*background image properties*/
}

要么

body{
  /*background image properties*/
}

阅读 447

收藏
2020-05-16

共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文件在其他地图中,则执行../转到放置css文件夹的地图,然后进入images文件并选择图像。

background-attachment:fixed;

设置背景图像时,我个人喜欢使用它,以使其在用户滚动时保持背景图像的当前位置。

background-repeat: no-repeat;

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

background-size: cover;

应用此功能时,您需要将背景尺寸设置为Cover,并结合使用no-repeatattachment: fixed这是为背景图片设置样式的好方法

2020-05-16