在HTML或正文上实现背景图像的最佳方法

Question

我有一个图像,我需要伸展全身,所以我不知道什么是最好的方法来做到这一点

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文件位于不同的地图中,您可以../转到放置css文件夹的地图,然后进入图像文件并选择图像.

background-attachment:fixed;

设置背景图像时,我个人喜欢使用它,这使得当用户滚动时,背景图像保持其当前位置.

background-repeat: no-repeat;

使用此设置时,它会使图像不会重复,以防图像太小或者不会覆盖整个背景.

background-size: cover;

应用此选项时,您将设置背景大小以覆盖,结合使用no-repeat,attachment: fixed这样可以为背景图像添加样式