Почему не работает:hover?

Есть 2 дива:
<div  id="portrait-wrap"></div>
<div  id="portrait-wrap2"><img src="../img/5.jpg"  /></div>

при наведении на 1й див должно в стилях 2го появится display:block;
css:
#portrait-wrap {
position: relative;
top: 500px;
display: block;
overflow: hidden;
width: 90px;
height: 90px;
border: 4px solid #fff;
border-left: none;
border-right: none;
border-radius: 10px;
background-image: url("/img/6.jpg");
}
#portrait-wrap2 {
position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
}
#portrait-wrap:hover #portrait-wrap2 {display: block;}

но почему то нифига ничего не работает... сайт animezop.ru/index.html
Основная задача вывести второй див не внутри 1го
  • Вопрос задан
  • 2396 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
вроде как блок #portrait-wrap2 должен находиться в блоке #portrait-wrap т.е
<div  id="portrait-wrap">
  <div  id="portrait-wrap2"><img src="../img/5.jpg"  /></div>
</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
YCLIENTS Москва
от 200 000 до 350 000 ₽
Ведисофт Екатеринбург
от 25 000 ₽
ИТЦ Аусферр Магнитогорск
от 100 000 до 160 000 ₽