Question

css 背景图片的定位？

请问有哪位有关于css 背景图片的定位的教程给推荐几个不？
我是刚刚接触css!
谢谢啊！！！

Answer 1

楼主你好！
关于css背景图片，有以下几点要注意的地方
举个css的例子吧
.example{width:200px;height:200px;background:url(您的图片地址) no-repeat left bottom;}
在此样式中，首先层大小是200X200所以背景图片显示出来的部分也只有这个尺寸;
其次，背景图片的样式为background,当然还有别的写法，如background-image等,其中url()括号里放你图片的相对地址或网络地址;
第三no-repeat为重复属性，如遇到背景图片尺寸小于您的层的尺寸时，背景图片是否重复把你的层填满,no-repeat表示不重复，多出的地方是空白,也可设置为repeat-x或repeat-y为X轴或Y轴重复;
第四left 跟bottom表示背景图的坐标,left表示背景图居层左对齐，bottom表示背景图居下，连起来就是左下对齐了，也可以用具体的数值来表示,前面是X轴用的，后面是Y轴用的.
解析完毕!
楼主加油，好好学习吧!

Answer 2

background定位2009年07月14日 星期二 上午 09:01现在各大门户网站用的CSS 背景定位技术，也叫 CSS Sprites

原理就是根据对一张背景图的X轴Y轴的定位，来显示不同的区域的背景图片。

background-position负值算法参考

http://www.52css.com/article.asp?id=520

一看就明白，其实很简单的，background-position：20px -50px ;此句的意思就是 图片（假设叫1.jgp)

显示他的X=20px的位置开始 Y=从上边数50像素的位置开始 那个区域的背景起始点。

X的正值是图片左移，Y的正值是图片下移。

自己练习练习就会了。

Answer 3

这里有很多文字教程。可以看看。
http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html

Answer 4

background-image:url(../images/123.jpg);