css 背景属性

background-repeat: no-repeat; 设置背景图片是否重复及如何重复，默认平铺满。（重要）

• no-repeat不要平铺；
• repeat-x横向平铺；
• repeat-y纵向平铺。

 

• background-position:center top; 设置背景图片在当前容器中的位置。

• background-attachment:scroll; 设置背景图片是否跟着滚动条一起移动。

 

   如果使用背景图片，没有设置，当图片的尺寸小于容器时，会自动铺满整个容器，这是如需要只在指定位置作为背景图片，需要使用background-repeat: no-repeat;设置图片不平铺

 

 

background-attachment属性

• background-attachment:scroll; 设置背景图片是否固定。属性值可以是：
  • fixed（背景就会被固定住，不会被滚动条滚走）。
  • scroll（与fixed属性相反，默认属性）