css取图片某个位置的值怎么取的啊高手告诉我方法

#2

dzt00012011-07-07 16:52

不明白你说的是什么

#3

towering2011-07-07 17:33

我估计你说的是他的导航鼠标经过更换背景图片，不知道我理解的对不对。

这个做法的原理很简单：就是用<a>标签的a:hover来触发鼠标事件，然后通过CSS来变化其背景的上下左右的位置。

效果可以看一下我的签名中的网址（广告一下）。呵呵！

#4

guang23564472011-07-08 17:53

dzt0001   dzt0001   dzt0001

http://www.

你下载下这个网站的导航栏  你就明白什么意思啦
他的导航栏是个图片    都把文字做一个图片上啦   这样可能节省图片吧

但是不知道怎么实现的

#5

cRazy谢不清2011-07-08 19:32

看不到他的CSS文件  不知道具体是怎么做的。不过按你说的这样可以实现
<ul>
<li>ipod</li>
<li>iphone</li>
</ul>
ul设置一张背景图  当鼠标经过li的时候 li:hover{ background-image:url("") }
这样可以实现他那种效果
根据用户点击某个li，打开不同的板块。其实就是<a href="(href)"></a> 并非你说的取值  他这个导航不需要取值  只要改变他的href就可以了
<ul>
<li><a href="~/IPOD.aspx">ipod</li>
<li><a href="~/Iphone">iphone</li>
</ul>
当然还有其他方法不过这样已经可以达到那个导航的主要效果了！

#6

dzt00012011-07-08 23:32

我明白了楼主的意思了。

是把背景小图片合并在一个图片文件里了，这样节省空间，同时可以减少Http连接数减轻服务器负担，叫Css Sprite（CSS图像拼合技术）
有专门工具合并小背景图片的，当然用PS都可以做。CSS背景需要绝对定位。

#7

guang23564472011-07-11 12:10

dzt0001  dzt0001   dzt0001
dzt0001  就是聪明啊
我就是不知道  怎么取值    你给个例子吧

Css Sprite（CSS图像拼合技术）

#8

dzt00012011-07-11 13:31

做图片的时候就要算好的，不是通过代码获取的。
http://blog. 这个网页有详细的说明

我给一个最简单的例子吧，1个背景图片上下颜色不同，各40像素高，2个DIV分别用两种颜色做背景，
40是自己去设的，注意DIV的高度和图片要匹配

只有本站会员才能查看附件，请登录

[ 本帖最后由 dzt0001 于 2011-7-11 13:34 编辑 ]

#9

guang23564472011-07-11 16:36

非常感谢

css取图片某个位置的值 怎么取的啊 高手 告诉我方法