当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <body>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
<p>图像不会随页面滚动。</p>
</body>
|
点击文件，另存为命令，将内容保存为html格式后，打开网页预览下。
大家发现现在这种状态，我们滚动鼠标滚轮时候，网页内容和背景图片是同时滚动的，为便于查看，我们修改下代码，让图片不重复显示。
1 2 3 4 5 6 7 | <style type="text/css">
body
{
background-image:url(d:/bg.gif);
background-repeat:no-repeat;
}
</style>
|
然后再预览效果。
这样可以很明显的看出来背景图片的变化，为了固定背景图片，我们修改代码为
1 2 3 4 5 6 7 8 | <style type="text/css">
body
{
background-image:url(d:/bg.gif);
background-repeat:no-repeat;
background-attachment:fixed
}
</style>
|
再来看下效果。
【推荐学习：css视频教程】
以上就是css怎么设置背景不动的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css的表格边框使用什么属性设置
css怎么设置黑体字
css right属性不起作用怎么办
css border-color属性怎么用？
css如何设置段落缩进
css如何修改字体为华文行楷
css选择器可以插入图片吗
css如何重叠图片
css怎么设置阴影效果
css text-align属性怎么用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置背景不动
