У меня есть меню, которое я подражаю старой колоде. У каждого элемента списка есть фоновое изображение кнопки. Когда элемент выбран, новое фоновое изображение показывает кнопку в нижнем положении. однако, я все еще вижу другое изображение внизу. Как я могу заменить исходное изображение на выбранное изображение. Пожалуйста, см. http://www.saintalvia.com, чтобы посмотреть, что я имею в виду.замена li background image
Спасибо!
#access a {
font-family:Roboto;
text-transform:uppercase;
font-size:12px;
padding: 0 9px 2px 9px;
-moz-border-radius:0 0 0 0 !important;
-webkit-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
border-radius:0 !important;
}
#access .menu-header li,
div.menu li {
margin-top:0px;
height:80px;
}
#access ul li {
margin-right:8px;
background-repeat:no-repeat;
background-position:bottom;
background-image:url(http://www.saintalvia.com/wp-content/uploads/2013/02/newButton.png);
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access li.selected > a,
#access ul li.current-menu-parent > a,
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-item > a:hover {
height:80px;
background-color:transparent;
background-repeat:no-repeat;
background-position:bottom;
background-image:url(http://www.saintalvia.com/wp-content/uploads/2013/02/buttonDownNew.png)
}
спасибо, что отлично работает сейчас! Да ты прав. спрайт был бы хорошей идеей – Greg