背景位置wap网站建设的意思

背景位置wap网站建设的意思

背景位置描述:

背景位置属性定义的背景图像的X和Y(横向和纵向)的立场。

背景位置语法:

background-position: [<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center | right] | inherit
 

  • 百分比
  • 百分比元素的大小。
  • 长度
  • 为实际像素长度 。
  • 顶部
  • 顶部的元素。
  • 中心
  • 的水平(第一个位置)或垂直(第二位)中心元素。
  • 底部
  • 底部的元素。
  • 离开
  • 该元素的左侧。
  • 正确的
  • 元素的右侧。
  • 继承
  • 元素,应该有相同的背景位置设置父 。

背景位置的初始值:

0%0%

背景位置适用于:

所有的块级和替换元素。

背景位继承:

此属性是不会继承的。

背景位置浏览器支持:

Netscape 6, 7
Mozilla 1
Firefox 1
Internet Explorer 4, 5, 6
Opera 3, 4, 5, 6, 7, 8
Safari 1

背景位置的例子:

指定的长度
<p style="background-position : 10px 20px; background-image : /library/graphics/purple.gif;">
 本款purple.gif图像作为背景,平铺在10px和20像素从左上角。
 </p>

背景位置特别说明:

背景位置属性的唯一可靠的作品在许多浏览器<body>标签。
这种风格需要一个背景图片集。

百分比的含义:

'top left' 和 'left top' 既意味着为0%0%相同。
'top', 'top center' 和 'center top' '50%0%“的意思。
'right top' 和 'top right' 100%'是什么意思相同的0%”。
'left', 'left center' 和 'center left' 的意思相同为0%,50%“。
'center' 和 'center center'的意思是'50%50%“。
'right', 'right center' 和 'center right' 的意思相同'100%50%“。
'bottom left' 和 'left bottom' 的意思相同为0%,100%“。
'bottom', 'bottom center' 和 'center bottom' 是什么意思'50%100%”。
'bottom right' 和 'right bottom' 的意思为“100%100%”相同。