background-position:x y; 百分比定位并不能直观的看出来,需要通过计算。 background-position百分比计算公式: (容器宽度—背景图片的宽度)*x%=xpx(容器高度—背景图片的高度)*y%=ypx 上节我们使用的图片也可以继续拿来做练习: 预览效果: 因此不难 Read More
posted @ 2016-04-14 11:57 tinyphp Views(1125) Comments(0) Diggs(0) Edit
首先准备一张雪碧图,Like this 背景图片的定位方法有3种,比较常用的两种为 关键词: 其中关键字方法background-position: top left 和left top效果是一样的。(注意:如果您仅规定了一个关键词,那么第二个值将是"center"。) 关于像素值的正负:负数方向为 Read More
posted @ 2016-04-14 10:53 tinyphp Views(9071) Comments(0) Diggs(0) Edit