我有一张需要伸展全身的图像,所以我不知道什么是最好的方法
html{ /*background image properties*/ }
要么
body{ /*background image properties*/ }
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-repeat,attachment: fixed这是为背景图片设置样式的好方法
no-repeat
attachment: fixed