CSS定位图片中的元素

来源：百度知道 编辑：UC知道 时间：2024/09/23 16:19:10
例如：www.sina.com 首页里的所有导航条 都是调用同一张图片 为了不重复加载 用CSS 去定位 所要的不颜色导航条的区域 是如何实现的？
这种方法用什么去测量图片中元素的位置，
如果是软件测量 请给个地址 谢谢

这个并不复杂，只是每个调用不同部位的地方都要单独定义一个类而已

background:url(images/test.jpg) 12px 5px no-repeat;
12px的意思是背景图往右偏移12像素，5px是往下偏移5像素，如果不定义，默认值等同0px 0px;
你如果要用新浪的方式调的话，要考虑当调用背景某一部位时，防止不该出现的元素出现，意思就是元素的间距要大于你定义的盒子的大小，多说无益，实践才是真理

用Ps就可以测量啊

css定位时候“-”号就可以定位了

<div style="width:100px;height:20px;background:url(img/aa.jpg) -100px no-repeat;"></div>

之类的
具体顺序忘了 不过就是这么个用法

这个图片在制作的时候就已经是经过测量的了
具体的说
导航条高度为30px 那您在作图的时候高度就应该考虑进去
如果导航条被分为3个部分 那您作图的高度就应该30px*3
明白了吗？
至于css是怎么定位的 这个讲起来就比较复杂了
如果需要的话可以CALL我再告诉你~~祝你好运咯！