показать/спрятать элемент не выходит?

lomax · October 8, 2012

Всем привет.

Я совсем новичок.

Подскажите, если не сложно.

Ниже пример кода (упростил как мог).

Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением.

Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед.

Ведь наверняка что-то на поверхности, но не вижу?!

Стиль:

 
<style>

.help1{
    visibility: hidden;
}

.icon_style {
	width: 45px;
	height: 45px;
	background: rgba(200, 200, 200, .1);
}

.icon_style a {
	display:block;
}

.icon_style a:hover {
	background: rgba(200, 200, 200, .3);

}

.icon_style a:hover + .help1 {
	visibility: visible;
}

</style>

ХТМЛ:

 
<body>

  <div class="icon_pos"> 
       <div class="icon_style"><a href=""><img src="img/tel.png" width="45" height="45"></a></div>
       <div class="help1">+7 123 123 12 21</div> 
  </div>

</body>

Edited October 8, 2012 by lomax

Radiocity · October 8, 2012

А если так? http://jsfiddle.net/zCzT5/

lomax · October 8, 2012

А если так? http://jsfiddle.net/zCzT5/

Спасибо! Класс. А почему не работало как я делал.

Вроде бы соседние селекторы?

В 2-х словах?

Radiocity · October 8, 2012

Неправильная запись?

Edited October 8, 2012 by Radiocity

lomax · October 8, 2012

А если так? http://jsfiddle.net/zCzT5/

Не совсем то, хотя круто!

У меня там будет несколько иконок, и нужно чтобы подсказка пряталась,

когда я ухожу с одного элемента класса icon_style на другой?


<div class="icon_pos">
    <div class="icon_style"><a href="">Link ?</a></div>
    <div class="help1">+7 123 123 12 21</div>
    <div class="icon_style"><a href="">Link 2?</a></div>
    <div class="help2">+7 123 143 14 24</div>
</div>

Edited October 8, 2012 by lomax

Radiocity · October 8, 2012

Что мешает добавить еще один слой?

Это самый простой способ, что пришел в голову. У меня не достаточно знаний на двусложные записи в CSS

Edited October 8, 2012 by Radiocity

lomax · October 8, 2012

Что мешает добавить еще один слой?
Это самый простой способ, что пришел в голову. У меня не достаточно знаний на двусложные записи в CSS

Ок. Все равно спассибо. Буду пробовать.

Sign In

показать/спрятать элемент не выходит?

Question

lomax

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Radiocity

Link to comment

Share on other sites

lomax

Link to comment

Share on other sites

Radiocity

Link to comment

Share on other sites

lomax

Link to comment

Share on other sites

Radiocity

Link to comment

Share on other sites

lomax

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information