Search the Community

Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt-wrapper"> <a class="tt-gplus" href="#"> <img border="0" width="24" height="16" alt="?" src="images/help.gif"> <span> <em id="vcv">Название компании</em> <br /> <em>Вы можете добавить название вашей компании здесь, чтобы использовать в качестве пользовательского поля в своих сообщениях электронной почты, как участник программы Антиспама.<br> <br>Программа Антиспама утверждает, что вы должны включать данные о своей компании в свои сообщения электронной почты.</em> </span> </a> </span> .tt-wrapper a{ width: 24px; height: 16px; margin: 0 2px; outline: none; position: relative; } .tt-wrapper a span{ width: 400px; height: auto; line-height: 15px; padding: 10px; left: 20%; margin-left: -64px; font-family: 'Alegreya SC', Georgia, serif; font-size: 11px; color: #000000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border: 4px solid #fff; text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 100px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out; } .tt-wrapper a span:before, .tt-wrapper a span:after{ content: ''; position: absolute; bottom: -15px; left: 20%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); } .tt-wrapper a span:after{ bottom: -14px; margin-left: -10px; border-top: 10px solid #fff; } .tt-wrapper a:hover span{ opacity: 1; bottom: 30px; background:#E0ECFF; } Есть возможность зайти на сайт и в живую посмотреть http://www.shopvision1.ru/respond/admin/index.php логин demo пароль demo в левом углу в меню "Списки контактов" -> "Создание списка контактов" Буду благодарен за подсказки!!