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

Question

[Максим Киктев]

Есть 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го

Answer 1

[NKros]

jsfiddle.net/566qqjL4
Вот так

Comments

[Максим Киктев]

Спасибо!!!

[Максим Киктев]

я попробовал див появляется, но появилась другая проблема, второй див мигает если указатель двигается в первом диве

[NKros]

Максим Киктев: Потому что ширина и высота второго блока у вас 100% и идет перекрытие им первого.

[Максим Киктев]

Извение если достал, а как туда можно прикрутить анимацию появления втого див
________________________
-webkit-animation-name: fadeout-right;
animation-name: fadeout-right;
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
___________________________

Answer 2

[Сергей Карвасарный]

вроде как блок #portrait-wrap2 должен находиться в блоке #portrait-wrap т.е

<div  id="portrait-wrap">
  <div  id="portrait-wrap2"><img src="../img/5.jpg"  /></div>
</div>

Comments

[Максим Киктев]

ок, частично сработало, теперь подскажи пожалуйста как сделть тоже саме чтобы второй див с картинкой появлялся не внутри 1го див

[Игорь Пушкарский]

Пиши так .portrain-wrap:hover + portain-wrap2{dosplay:block;}
Плюч означает следующий смежный элемент, находящийся на 1 уровне вложенности.

[Игорь Пушкарский]

Извиняюсь опечатался в названии классов.