[css] backgroun-attachment属性

backgroun-attachment属性

实例

如何设置固定的背景图像

body 
  { 
  background-image: url(bgimage.gif); 
  background-attachment: fixed;
  }

codePen 中打开示例

浏览器支持

IE Firefox Chrome Safari Opera
支持 支持 支持 支持 支持

所有浏览器都支持 background-attachment 属性。
注释: 任何版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。

定义和用法

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

  • 默认值: scroll
  • 继承性: no
  • 版本: CSS1
  • JavaScript 语法: object.style.backgroundAttachment=“fixed”

可能的值

描述
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。

猜你喜欢

转载自blog.csdn.net/weixin_36210698/article/details/88431695
今日推荐