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

开发 前端
这里向大家描述一下CSS background-position属性的定义和用法,CSS background-position属性设置背景图像的起始位置,这个属性设置背景原图像的位置,背景图像如果要重复,将从这一点开始。

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

CSS background-position属性

定义和用法

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

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

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

CSS background-position 属性

实例

如何定位背景图像:

  1. body  
  2. {  
  3. background-image:url('bgimage.gif');  
  4. background-repeat:no-repeat;  
  5. background-attachment:fixed;  
  6. background-position:center;  
  7. }  
  8.  

浏览器支持

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

注释:任何版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。

可能的值

CSS background-position 属性可能的值

【编辑推荐】

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

 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-09-06 17:20:04

background-CSS

2010-09-07 08:54:18

CSSbackground-

2010-09-15 13:44:01

CSS positio

2010-09-15 13:50:04

CSSposition属性

2010-09-01 11:21:18

CSSpositionfloat

2010-08-24 15:11:24

PositionCSS

2010-09-08 16:22:32

PositionCSS

2010-09-06 11:11:31

CSS定位

2010-08-25 09:25:13

CSSmargin

2010-09-15 16:57:18

CSS display

2010-09-03 13:02:04

CSSposition

2010-08-25 14:36:35

CSSheightwidth

2010-08-23 09:42:50

CSSPosition

2010-08-31 10:30:59

CSSpositionz-index

2010-09-15 14:00:06

position属性DIV

2010-09-03 14:00:29

CSSbackground

2010-08-25 13:25:22

CSSfont-family

2010-08-16 11:05:54

DIV+CSS

2010-08-31 15:24:43

CSSpositionabsolute

2010-09-02 11:18:46

CSSfloatposition
点赞
收藏

51CTO技术栈公众号