Есть раскрывающийся список, пока ещё не доделанный. Проблема заключается в том, что когда я li присваиваю цвет в background, он перекрывает изображение или цвет фона, которое я ставлю в .one (класс присвоенный одному из li) в качестве фона. Вот код:
html
One
Two
Three
Four
css
.menu {
list-style: none;
width: 50px;
margin: 5px;
}
.menu li {
box-sizing: border-box;
display: block;
height: 50px;
width: 50px;
background: black;
margin-top: 3px;
overflow: hidden;
padding-left: 54px;
text-align: center;
line-height: 50px;
opacity: 0.5;
color: black;
}
.menu li:hover {
width: 200px;
}
.one {
background: url(images/5.png) no-repeat;
}
html
One
Two
Three
Four
css
.menu {
list-style: none;
width: 50px;
margin: 5px;
}
.menu li {
box-sizing: border-box;
display: block;
height: 50px;
width: 50px;
background: black;
margin-top: 3px;
overflow: hidden;
padding-left: 54px;
text-align: center;
line-height: 50px;
opacity: 0.5;
color: black;
}
.menu li:hover {
width: 200px;
}
.one {
background: url(images/5.png) no-repeat;
}