CSS background-position属性定义和用法解读

你对CSS background-position属性的使用和属性值是否熟悉，这里和大家分享一下，它主要用来设置背景图像的起始位置，并且所有浏览器都支持CSS background-position属性。

CSS background-position属性

定义和用法

CSS background-position属性设置背景图像的起始位置。

这个属性设置背景原图像（由CSS background-image定义）的位置，背景图像如果要重复，将从这一点开始。

提示：您需要把CSS background-attachment属性设置为"fixed"，才能保证该属性在Firefox和Opera中正常工作。

实例

如何定位背景图像：

 
 
 
 

  
  
  
  
body  
  
  
  
  
{  
  
  
  
  
background-image:url('bgimage.gif');  
  
  
  
  
background-repeat:no-repeat;  
  
  
  
  
background-attachment:fixed;  
  
  
  
  
background-position:center;  
  
  
  
  
}  
  
  
  
  
 
 
 
 
 

浏览器支持

所有浏览器都支持CSS background-position属性。

注释：任何版本的InternetExplorer（包括IE8）都不支持属性值"inherit"。

可能的值

【编辑推荐】

1. 解决IE6 position:fixed 固定定位问题
2. CSS中三大position属性值用法解读
3. 深入探究DIV CSS布局中position属性用法
4. CSS属性display:inline-block使用揭秘
5. 两种方案解决IE6、IE7、Firefox兼容问题