html 背景图片不动,内容滚动,有方法三种

2024-10-12 03:19:39

1、打开软件,文件,新建,html文件,命名随意,我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹,第一种方法,内联样式表。

html 背景图片不动,内容滚动,有方法三种

3、现在背景设置好了,加入内容,看看效果。在<body>内写入内容。运行。滚动鼠标图片是不是不动的。现在写第二种方法,我把第一种删除。在<bodybackgroun颊俄岿髭d-image: url(../img/a3.jpg); background-attachment: fixed;>写入。

html 背景图片不动,内容滚动,有方法三种

5、返回html。在<head>内输入<link rel="stylesheet" type="text/css" href="new_file.css" />,保存,运行。效果和之前一样

html 背景图片不动,内容滚动,有方法三种
猜你喜欢