Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером.
<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{ и плюсик ставил))) в общем выяснил что он совсем не понимает данное действие.. почему????
спасибо за помощь.
Примечание:
Да все дело в моем ишаке) код действительно рабочий, поэтому я и удивлялся...
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.