作者:电脑信息网日期:
返回目录:设置问题
可以用Fireworks打开图片来得到坐标
直接通过 background-position属性设置div背景图的位置就好了嘛,不需要定位什么的……
更细节的还有问题的话建议你贴出图片及其代码素材才方便帮你调试咯!
用background-size属性,
格式如下:background-size: length|percentage|cover|contain;
length 设置百背景图片高度和宽度。第一个值设度置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage 将计算相对于背景定内位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover 此时会保持图像容的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position: x y;表示。知道x是水平位置偏移内,y是垂直位置偏移。
你可以用坐标来理解,图片左上角的坐标就是0 0。如-683px -162px就是:水平偏移683px,垂直偏移162px
具体的数值是根据你图片来定的,如下图:黑色的图片距离容左边30px,距离顶部60px,那么background-position的两个值就是-30px -60px