CSS中背景图定位方法

在CSS中，background-position的定位方法有三种。
如下：

（1）关键字：background-position: top left
（2）像素：background-position: 0px 0px
（3）百分比：background-position: 0% 0%
这三种定位方法，都是将图片定位到左上角。结果是相同的，但是定位机制有所区别。在例子中的前两种定位，都是将背景图片左上角的原点，放置在规定的位置。
（1）关键字的定义是，left，center，right。top，center，bottom。
只能给定特殊位置，左中右，上中下，可选择性少
（2）像素的定位是根据你所给的X、Y轴的像素来进行定位。
可以给你任何想要的位置，使用广泛，典型：雪碧图。
但是第三种定位不是这样。它有其特别的定位机制。
（3）百分百：图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。

CSS中背景图定位方法相关推荐

html里如何定位背景图片,Html+Css CSS中背景图片定位方法
CSS中背景图片的定位,困扰我很久了.今天总算搞懂了,一定要记下来. 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:bac ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
纯色html背景,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
iphone中背景图的设置方法
iphone中背景图的设置方法一,使用一个UIImageView实例做子视图,并且放最后面 - (void)setBackgroundImage { NSLog(@"set ...
php背景图片存放位置,CSS中背景图片位置 background-position 的使用方法
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?以下就来介绍CSS中背景图片位置 background-position 的用法. 在背景图片的背景图片位置属 ...
css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
shadow-root中的元素定位方法
shadow-root中的元素定位方法背景观察一下元素的DOM结构我理解的shadow-root 定位步骤实现元素定位的语句还有一种更简单的方法背景最近接手了一个新项目的测试工作,前几天 ...
CSS中的position定位
CSS中position的定位主要分为静态定位,相对定位,绝对定位和固定定位,属性值分别为:static,relative,absolute,fixed:元素的位置通过 "left" ...
css禁止背景图拉伸_html-css控制背景图全屏拉伸不重复显示
在HTML中,当我们设置背景图,只能采用是否重叠.居中.重叠方向这几个选项 CSS3中设置 body { background:#3d71b8 url(../back_main.png); backg ...

CSS中背景图定位方法

CSS中背景图定位方法相关推荐

最新文章

热门文章