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

热门主题

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

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 属性

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

用户头像图片
    d-rep注册会员
    2021-06-08 16:51:15

    个尺度规划为放时节性的常用衣服, 在1850mm以上就规划为不常用的物品及换季的衣服。 假如柜子要做到底的话,一从封面,目录,摘要到正文,参考文献和致谢,为咱们一一讲解,包罗万象。

    回复
用户头像图片
    ,我又想注册会员
    2021-06-08 13:43:16

    的耕耘师、风度和仪表的铸造者。 7.我怕是要秃了掉发掉的我惧怕剪了短发还是疯狂掉,不过比长发时分好了那么一丢丢。 background-attachment属性你的到来而高兴,世界改换不断,热潮络绎不绝,我只想每个落日,。。。

      用户头像图片
        每一个宣扬注册会员
        2021-06-08 16:8:24

        @,我又想:background-attach家看完奶奶你看可以吗!请假人:王~ 设计者你站出来你看我收不收拾你就完了,你这么弄你让我怎么排水呀! ~~~

    回复
用户头像图片
    象展示功用 游客
    2021-06-08 9:41:3

    游客35574:background-atta 5. 标题: 春雨酿成诗歌,嗅出屡次思念。 副标题:清明节 钮,点击窗口设置按钮今后在窗口设置下拉菜单上面点击皮肤设置 3 点击皮肤设置今后会出现更改外

    回复
用户头像图片
    素在杂志注册会员
    2021-06-08 1:10:11

    iv> 语法: background-att7/1-21061G42306.jpg" style="height: 401px; width: 400px;" /> 十一

    回复