@Sasha545

Как применить :hover эффект для появления подсказки -текста к 2 картинкам в одном блоке с текстом?

Добрый вечер. Сверстал на css подсказки-надписи, при наведении на картинки они появляются, в Google Chrome, Opera, IE без проблем, в Firefox и во всех мобильных браузерах не работают. Обыкновенные css элементы, непонятная загвоздка. Заранее спасибо.
<div class="pol1"><a href="#" class="help">
  <div class="par"><img src="images/su.png" alt="img" class="rightimg">
  <span class="sov">Cоветские автоматы</span></div></a>
    к а к о й  - т о -  т е к с т
    </div>
    <div class="pol2"><a href="#" class="help">
  <div class="par2"><img src="images/iek.png" alt="img" class="rightimg1">
  <span class="iek">Cовременные автоматы</span></div></a>
    к а к о й  - т о -  т е к с т
    </div>

.rightimg{float:left;margin:0 25px 0 14px}
      .rightimg1{float:left;margin:30px 25px 0 25px}
       img.rightimg{max-width:109px;width:6%}
      img.rightimg1{max-width:63px;width:5%}
 a.help {
  text-decoration: none;
  color: #000000;
 
}
a.help span {
  display: none;
}
a.help:hover {
  position: relative;
}
a.help:hover span.sov {
  position: absolute;
  display: block;
  left: 10px;
  top: 55px;
  border: solid 1px #000000;
  background: #FFFFFF;
  color: #000000;
  white-space: pre;
  padding: 2px;
}
a.help:hover span.iek {
  position: absolute;
  display: block;
  left: 10px;
  top: 55px;
  border: solid 1px #000000;
  background: #FFFFFF;
  color: #000000;
  white-space: pre;
  padding: 2px;
}
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы