摸索了兩天還是整理不出頭緒 只好求助各位高手大大...
我的圖片在上方，每張不同的圖片下方會有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{
(顯示滑鼠移過去的圖的坐標)
}
請問有沒有更好的架構或是方法??? 感謝....>"<