romsla 2 мая 2019 в 9:17 1 Добрый день. Подскажите пожалуйста, какие варианты существуют чтобы отобразить при наведении скрытое поле с тектсовой информацией, views-row? Drupal7 Есть вопрос Решение проблем Блог Войдите или зарегистрируйтесь, чтобы отправлять комментарии
voviko 2 мая 2019 в 9:37 1 1. Добавить поле которое появляется и исключить из вывода. 2. перезаписать поле на которое наводитесь и добавить то что появляется 3. почитать про css <div class="poster"> <div class="descr"> Какой-то текст который должен быть в блоке<br> <a href="#">Интересная ссылка</a> </div> </div> .poster{ position:relative; margin:100px auto; background:#ff6600; height:200px; width:150px; } .descr{ display:none; margin-left:-350px; padding:10px; margin-top:17px; background:#f3f3f3; height:200px; -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3); box-shadow:0 5px 5px rgba(0,0,0,0.3); } .poster:hover .descr{ display:block; position:absolute; top:120px; z-index:9999; width:400px; }
Комментарии
1. Добавить поле которое появляется и исключить из вывода.
2. перезаписать поле на которое наводитесь и добавить то что появляется
3. почитать про css
<div class="descr">
Какой-то текст который должен быть в блоке<br>
<a href="#">Интересная ссылка</a>
</div>
</div>
.poster{
position:relative;
margin:100px auto;
background:#ff6600;
height:200px;
width:150px;
}
.descr{
display:none;
margin-left:-350px;
padding:10px;
margin-top:17px;
background:#f3f3f3;
height:200px;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster:hover .descr{
display:block;
position:absolute;
top:120px;
z-index:9999;
width:400px;
}