网赚妈妈

 找回密码
 立即注册
搜索
查看: 995|回复: 2

[qq群名称大全] CSS 背景(二)——每天几个样式,轻松玩转CSS

[复制链接]
  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-10-20 21:29:21 | 显示全部楼层 |阅读模式
    上篇文章为童靴们介绍了部分背景属性,这篇文章我们继续讲背景属性。

    背景关联
    如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失。
    TSHBxHx3SBb7z3V1.jpg
    背景图随页面的滚动而移动
    background-attachment 属性防止这种滚动。
    background-attachment 属性值:
    scroll 默认值,背景图像会随着页面其余部分的滚动而移动。
    fixed 当页面的其余部分滚动时,背景图像不会移动。
    我们写个例子:

    给文档添加一些p元素,在p元素里面添加一些文字内容:

    zQQQpX5yZr5BNYuR.jpg
    文章比较长,所以只展示部分代码。
    设置background-attachment 属性值为fixed:
    YryyEHWjVpHJHSDd.jpg
    在浏览器中显示:
    HFxfdjNnuRdTKyjs.jpg
    背景图不会随页面滚动而移动
    你必须非常努力,才能看起来毫不费力!
    关注小白前端,持续收到文章推送!
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-20 21:30:31 | 显示全部楼层
    忠实的小粉丝[玫瑰]
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-20 22:29:44 | 显示全部楼层
    赞个
    回复 支持 反对

    使用道具 举报

    xml|2.xml|QQ3014497968|文章发布|签到|小黑屋|网赚论坛-致富项目网络赚钱平台 |网站地图

    GMT+8, 2019-10-24 06:53 , Processed in 0.369235 second(s), 14 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表