2013-06-09 5 views
1

Так что я не могу понять это. Если вы перейдете по этой ссылке: http://www.pandashan.com/us/ вы заметите, что он будет навис над выбранной ссылкой, однако фоновое изображение выглядит следующим образом: http://www.pandashan.com/us/design3/img/menu.pngКак сделать эффект зависания только на выбранном навигаторе

Когда он парит, как он показывает только область ссылки, когда на изображении, полная панель навигации окрашена?

Надеюсь, вы понимаете, что я говорю.

Спасибо

ответ

2

они используют фоновое положение при наведении курсора мыши в CSS

header nav ul li.home:hover {width:104px; background-position: 0px -86px;} 
header nav ul li.register:hover {width:107px; background-position: -113px -86px;} 
header nav ul li.account:hover {width:107px; background-position: -113px -86px;} 
header nav ul li.connect:hover {width:170px; background-position: -220px -86px;} 
header nav ul li.divider:hover {width:233px; background-position: -390px -86px;} 
header nav ul li.forum:hover {width:92px; background-position: -623px -86px;} 
header nav ul li.bugtracker:hover {width:133px; background-position: -715px -86px;} 
header nav ul li.boutique:hover {width:120px; background-position: -848px -86px;} 
Смежные вопросы