有关background的使用同一图片做背景position定位的方法
2012-11-08 10:11
661 查看
首先感谢十八哥的公益教程,让我对网页布局有了更清晰的思路。
在十八哥的背景教程中对于使用同一图片做背景定位的方法没有具体说明X,Y如何快速确定,我在这里班门弄斧一下,呵呵~~
方法很简单,如下
1、使用PS(也可以使用其他图片处理工具,本人习惯使用PS)对要使用的背景图片进行切片,
2、进行切片,在切片的时候要注意的是要使用的图片的左上角刚好是其他图片的右下角。如图
在上图中我们只取“立冬”的字样作为背景,那立冬position的坐标就是图一或是图4的交接点的坐标。
3、打开做好切片的图一的图片。查看大小是多少像素,宽为X值。高为Y值。
这样就能很快定位图片作为背景了。
以上是个人使用的习惯。如果错误请指出修改~~~~~~~~~~
在十八哥的背景教程中对于使用同一图片做背景定位的方法没有具体说明X,Y如何快速确定,我在这里班门弄斧一下,呵呵~~
方法很简单,如下
1、使用PS(也可以使用其他图片处理工具,本人习惯使用PS)对要使用的背景图片进行切片,
2、进行切片,在切片的时候要注意的是要使用的图片的左上角刚好是其他图片的右下角。如图
在上图中我们只取“立冬”的字样作为背景,那立冬position的坐标就是图一或是图4的交接点的坐标。
3、打开做好切片的图一的图片。查看大小是多少像素,宽为X值。高为Y值。
这样就能很快定位图片作为背景了。
以上是个人使用的习惯。如果错误请指出修改~~~~~~~~~~
相关文章推荐
- 使用background-position 定位背景图片 要注意优先级
- CSS背景图片定位(background-position,css sprit,背景定位,background-imag
- 背景图片定位background-position用photoshopcs4标尺工具
- background-position:center right这里center right分别代表什么,引入对图片背景定位介绍
- CSS学习文档、CSS背景图片的定位background-position的问题
- CSS背景图片定位(background-position)彻底分析
- (转)HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
- background-position背景图片定位,图片位置计算问题
- CSS背景图片的定位background-position的问题
- HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
- css背景图片定位练习(二): background-position的百分比
- CSS定位背景图片 background-position
- 关于背景图片的定位(background-position)
- 利用css中的background-position定位图片
- css切背景图片(background-position)图片精灵
- 利用CSS定位背景图片 background-position
- css抠图之background-position-背景定位
- CSS常用背景图片定位方法
- 利用CSS定位背景图片 background-position
- CSS中背景background-position负值定位深入理解-CSS教程