5.5. CSS background-attachment 属性

background-attachment -- 定义背景图片随滚动轴的移动方式
  • 取值: scroll | fixed | inherit
    • scroll: 随着页面的滚动轴背景图片将移动
    • fixed: 随着页面的滚动轴背景图片不会移动
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_background-attachment/
  • 初始值: scroll
  • 继承性: 否
  • 适用于: 所有元素
  • background:背景.attachment:附着.

示例

body 
{
	background-image:url('list-orange.png');
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:center center;
}

屏幕的背景图片为一条橙色线.随着滚动轴移动,橙色线的视觉位置不变.

CSS background-attachment 属性示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都