background-attachment属性(CSS设置固定的背景图像)
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中的background的相关特点来实现。
引荐参阅:《CSS教程》
那么咱们在前面的文章中有给我们介绍过CSS怎么实现布景图画重复作用。
下面咱们就继续给我们介绍css布景图画固定的实现方法。
代码如下:
作用如下图:
background相关特点:
background-attachment特点设置布景图画是否固定或许跟着页面的其余部分滚动。其值为fixed表明当页面的其余部分滚动时,布景图画不会移动。
background-repeat特点设置是否及怎么重复布景图画。
优秀作品:
最新作品:
评论列表(共313人参与)参与讨论或分享设计作品获得视觉癖积分奖励
CK是黑色注册会员
2021-06-08 4:47:23
维护的目标,是指依法应颁发专利权的外观规划。它与发明或实用新型彻底不同,即外观规划不是技术方案。我国《专利法》第二条中规定:外观规划,是指对产品的形状、图画或许其结合d元素内部。
回复-pla注册会员
2021-06-08 13:57:18
艺可小酒馆里游客
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徽章黑化,暂时脱离主角队,参赛者安莉洁、安迷修正式进场,最终在主角金的带领下,全部通关。进场人物:秋、蕾蒂梅莉、罗德烈、银爵。
回复