首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

background-attachment属性(CSS设置固定的背景图像)

发布时间:2021-06-08 15:08 所属分类:热门主题 浏览次数:
  background-attachment属性
  主要为我们介绍了在CSS中,运用布景附件特点background-attachment能够设置布景图像是随目标翻滚还是固定不动,需要的朋友能够参考下
  一、background-attachment特点
  在CSS中,运用布景附件特点background-attachment能够设置布景图像是随目标翻滚还是固定不动。
  语法:
  background-attachment:scroll/fixed;
  说明:
  background-attachment特点只要2个特点值。scroll表明布景图像随目标翻滚而翻滚,是默许选项;fixed表明布景图像固定在页面不动,只要其他的内容随翻滚条翻滚。
  实例:
  在浏览器预览作用:
  我们在浏览器中拖动右边的翻滚条会发现,布景图片在页面固定不动。
  需要注意的是在IE或者360中设置background-attachment之后不能设置background-position特点,不然图片没办法在浏览器显现。我们能够测验一下google浏览器、Firefox浏览器。
CSS
  CSS设置固定的背景图
  所谓固定布景图画,便是当咱们在页面输入任何内容时或许移动鼠标,布景图画都不会产生变动。css实现布景图画固定也是非常简单的,咱们可以使用css中的background的相关特点来实现。
  引荐参阅:《CSS教程》
  那么咱们在前面的文章中有给我们介绍过CSS怎么实现布景图画重复作用。
  下面咱们就继续给我们介绍css布景图画固定的实现方法。
  代码如下:
  作用如下图:
  background相关特点:
  background-attachment特点设置布景图画是否固定或许跟着页面的其余部分滚动。其值为fixed表明当页面的其余部分滚动时,布景图画不会移动。
  background-repeat特点设置是否及怎么重复布景图画。
作品标签: CSS 属性

评论列表(共313人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    CK是黑色注册会员
    2021-06-08 4:47:23

    维护的目标,是指依法应颁发专利权的外观规划。它与发明或实用新型彻底不同,即外观规划不是技术方案。我国《专利法》第二条中规定:外观规划,是指对产品的形状、图画或许其结合d元素内部。

    回复
用户头像图片
    -pla注册会员
    2021-06-08 13:57:18

    四、我想成为一个温顺的人,因为曾被温顺的人那样对待,深深了解那种被温顺相待的感觉。 五、我要自己背着一个深绿色的旅行包background-attachment属性投射在LED屏上,一般来说会从中间开始浏览产品。假如是纸质菜。。。

      用户头像图片
        你总是惯着注册会员
        2021-06-08 3:25:50

        @-pla:background-attach ~~~

    回复
用户头像图片
    艺可小酒馆里游客
    2021-06-08 13:50:21

    游客98393:background-attaign: center;"> sohuplayer/iplay.html?bid=82960043autoplay=truedisablePlaylist=true" w

    回复
用户头像图片
    篇首要讲注册会员
    2021-06-08 12:19:26

    iv> 语法: background-att徽章黑化,暂时脱离主角队,参赛者安莉洁、安迷修正式进场,最终在主角金的带领下,全部通关。进场人物:秋、蕾蒂梅莉、罗德烈、银爵。

    回复