原文:CSS背景图片定位(background-position)彻底分析

在CSS中,背景图片的定位方位有 种: 上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同。前两种定位,都是将背景图片左上角的原点,放置在规定的位置。请看下面这张图,规定的位置是 px px 和 px px ,都是图片的原点在那个位置上,图中用X表示。 但是第三种定位,也就是百分比定位,不是这样。它的放置规则是,图片本身 x ,y 的那个点,与背 ...

2012-05-29 09:01 0 3727 推荐指数:

查看详情

css背景图片background-position

给元素添加背景图片的方式有很多,个人总结的有: 用img插入图片css3的方式手动绘图; 单独用background-image单独插入图片; 其中用background-image有两种方法,一种是采用的单一照片来设置,另一种就是采用一张整图来切: 会用到的属性 ...

Wed Mar 16 21:00:00 CST 2016 1 4823
css背景图片位置:backgroundposition

position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的1.background:url(../image/header.jpg) no-repeat left top; /*相当于0% 0%*/表示背景图片在指定div的位置,从左上角 ...

Tue Feb 18 13:50:00 CST 2014 0 10935
css背景图片位置:backgroundposition(转)

css背景图片位置:backgroundposition position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的1.background:url(../image/header.jpg) no-repeat ...

Sat Jan 20 20:11:00 CST 2018 0 4430
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM