[问题] ul li图示按钮点选时遇到的问题...

楼主: vgb (前三就好!)   2014-12-16 18:48:58
摸索了两天还是整理不出头绪 只好求助各位高手大大...
我的图片在上方,每张不同的图片下方会有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{
(显示鼠标移过去的图的坐标)
}
请问有没有更好的架构或是方法??? 感谢....>"<
作者: crossdunk (推嘘自如)   2014-12-16 18:52:00
图片变色是什么意思
楼主: vgb (前三就好!)   2014-12-16 19:20:00
比如home是蓝色小房子的图 滑过去变成白色小房子的图
作者: miau (米奥)   2014-12-16 19:53:00
selector错了,要用 a:hover .home_n {} 才对,:hover加在a
楼主: vgb (前三就好!)   2014-12-17 10:47:00
哦哦可以了~感谢miau大大~字跟图可一起变色了!!ya!((洒花))))大感谢~~~~>//////<

Links booklink

Contact Us: admin [ a t ] ucptt.com