CSS -- background-position

作者: 就叫初九吧 | 来源:发表于2016-12-29 18:13 被阅读9次

当background-postion取值为百分比时，计算方式:

当背景图片尺寸（background-size）不做任何的重置（也就是100% 100%）时，水平百分比的值等于容器宽度百分比值减去背景图片宽度百分比值。垂直百分比的值等于容器高度百分比值减去背景图片高度百分比值。

如果background-position取值background-position: 75% 50%;，背景图片的起始位置：

水平位置（x轴）= (容器宽 - 背景图宽) * 75%
垂直位置（y轴）= (容器高 - 背景图高) * 50%

CSS -- background-position
当background-postion取值为百分比时，计算方式: 当背景图片尺寸（background-size）...
第十五天
1、Css设置背景 background-image设置元素的背景图像。 background-position：...
CSS background-position顺序
顺序一定要在先引入background: url()后才来定义background-position 这样bac...
Web Optimize 网页优化
1、减少HTTP请求 1-利用图片地图2-CSS Sprites（利用background-position）3-...
CSS之滑动
主要是利用CSS精灵图（background-position）和盒子的padding撑开宽度，类适应不同数字数的...
图片的位置
在做css这部分网页时发现一个问题，这个时候background-position: center; 放在ba...
[CSS] background-position:x y;
将背景图片放到目标元素的相对坐标(x,y)处。目标元素右上，是xy的正方向。
css-雪碧图简写
作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是...
css常见技巧
CSS Sprite(雪碧图|精灵图)雪碧图是把多个背景图片合成一张，通过background-position定...
css雪碧图实例
作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是...