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这是为背景图片设置样式的好方法
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)