作者vgb (前三就好！)
看板Web_Design
标题[问题] ul li图示按钮点选时遇到的问题...
时间Tue Dec 16 18:48:58 2014
摸索了两天还是整理不出头绪 只好求助各位高手大大...
我的图片在上方，每张不同的图片下方会有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{
(显示滑鼠移过去的图的坐标)
}
请问有没有更好的架构或是方法??? 感谢....>"<
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.120.184.171
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1418726940.A.B15.html
※ 编辑: vgb (59.120.184.171), 12/16/2014 18:49:35
※ 编辑: vgb (59.120.184.171), 12/16/2014 18:51:25
1F：→ crossdunk: 图片变色是什麽意思 12/16 18:52
2F：→ vgb: 比如home是蓝色小房子的图 滑过去变成白色小房子的图 12/16 19:20
3F：→ miau: selector错了，要用 a:hover .home_n {} 才对，:hover加在a 12/16 19:53
4F：→ vgb: 哦哦可以了~感谢miau大大~字跟图可一起变色了!!ya!((洒花)))) 12/17 10:47
5F：→ vgb: 大感谢~~~~>//////< 12/17 10:47