Проблема с изменением фонового изображения активной страницы в навигационной панели

Question

У нас есть проблема с изменением фонового изображения активной страницы на панели навигации. Пробовал много вещей, таких как: active, .active и т. Д. В css, но не работал. Мы использовали nth-child для изменения фоновых изображений для зависания. Пожалуйста, помогите с вашими предложениями.

Answer 1

Не используйте кодировку nth-child, которая не поможет изменить фоновое изображение активной страницы. Вместо этого используйте следующее Код CSS:

#uiList { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    background:url(../m1.png); 
} 

#uiList a{ 
    display:block; 
    height:195px; 
    width:78px; 
} 
.active{ 
    background:url(../m1_selected.png); 
} 

#uiList1 { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    background:url(../m2.png); 
} 

#uiList1 a{ 
    display:block; 
    height:195px; 
    width:78px; 
} 
.active1{ 
    background:url(../m2_selected.png); 
} 

Html code: 
<ul id="uiList"> 
<li><a href="#"></a></li> 
</ul> 
<ul id="uiList1"> 
<li><a href="#"></a></li> 
</ul>