Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}

[Березовский]

Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером.

<div id="cover_img_3">
<img src="1.jpg" />
<div class="text">
<p>Тут располагается скрытый текст..</p>
</div>
</div>

#cover_img_3{
cursor:pointer;
position: relative;
float: left;
margin: 30px;
width:370px;
height:200px;
}
#cover_img_3:hover>.text{
display: block;
top: 200px;
background: #000;
-webkit-box-shadow: 0 0 6px #333;
-moz-box-shadow: 0 0 6px #333;
-o-box-shadow: 0 0 6px #333;
box-shadow: 0 0 6px #333;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
#cover_img_3:hover img{
-webkit-box-shadow: 0 2px 5px #333;
-moz-box-shadow: 0 2px 5px #333;
-o-box-shadow: 0 2px 5px #333;
box-shadow: 0 2px 5px #333;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
#cover_img_3 img{
position: absolute;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .84s;
}
#cover_img_3 .text{
position: absolute;
top: 0px;
background:#f72429;
display: none;
text-align:center;
color: #fff;
text-shadow: 1px 1px 0 #333;
width: 370px;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}

проблема именно тут #cover_img_3 .text{.....} эксплорер вообще не понимает что я от него хочу) пробовал писать так #cover_img_3>.text{ и плюсик ставил))) в общем выяснил что он совсем не понимает данное действие.. почему????

спасибо за помощь.

[lexxcode]

все работает...

[Березовский]

  On 2/23/2013 at 9:25 PM, alexriz said:

все работает...

у нас видимо эксплореры разные?) у меня 9 не пашет совсем. работало бы я бы радовался)

[npofopr]

  Quote

в общем выяснил что он совсем не понимает данное действие.. почему????

Спросить у MS?

Попробуйте подключить IE9.js а может selectivizr

[Березовский]

  On 2/23/2013 at 10:51 PM, npofopr said:

  Quote

в общем выяснил что он совсем не понимает данное действие.. почему????

Спросить у MS?

Попробуйте подключить IE9.js а может selectivizr

та не... при чем тут это, не пашет событие :hover в данном конкретном случае, а css3 в эксплорере мне даром не нужен)

[lexxcode]

ваш код взят

http://jsfiddle.net/alexriz/gQ9sf/

[Березовский]

http://prntscr.com/tx60d раз и http://prntscr.com/tx64c два.. тот же код.. в jsfiddle.net работает эксплорером) а хтмл файлом нет) Edited February 24, 2013 by Березовский

[lexxcode]

значит, где-то еще переопределяются свойства