摸索了两天还是整理不出头绪 只好求助各位高手大大...
我的图片在上方,每张不同的图片下方会有Home Logout About字样...
但是做完之后发现,鼠标移过去, 字跟图是分别鼠标显示hover的状态....
而不是一起变色,改很久还是没办法一起做hover,想请教我需要改什么呢?
我的网页架构如下
<div class="top">
<ul class="top_link">
<li><a href="#"><span class="home_n sprite"></span><em>Home</em></a></li>
<li><a href="#"><span class="Logout_n sprite"></span><em>Logout<em></a></li>
</ul>
</div>
图示是用在<span>里面,采用CSS Sprite去做
CSS是:
.home_n{
(显示一般状态的图的坐标)
}
.sprite{
是放所有Home Logout About的一整张png图档(有一般状态跟鼠标移过去的图示)
}
目前字变色我是强制用
li a:hover{
color:#0000ff;
}
图片是
.home_n:hover{
(显示鼠标移过去的图的坐标)
}
请问有没有更好的架构或是方法??? 感谢....>"<