Осмотрите элемент — наведите курсор на CSS

У кого-нибудь есть какие-нибудь советы по попытке изменить цвет фона содержимого на значках, когда вы наводите на них курсор и появляется окно содержимого.

Я просто не могу осмотреть область, потому что я не могу заставить свою мышь осмотреть фон, потому что он исчезает, как только мой курсор находится на нем.

Скриншот – http://postimg.org/image/cspn2nxf5/full/

http://techwizdesign.com/cap/homecap/


debugging wordpress element inspect
person user2898224    schedule 15.05.2014    source источник
comment
Используйте 1_. В этом вы можете выбрать в правой части. Стиль-›hover. Это означает. Это не скрыть, когда вы наводите курсор мыши и выходите из него.   -  person yeshansachithak    schedule 15.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

Из того, что я вижу, это создается в DOM.

<a href="http://techwizdesign.com/cap/contact-us/" class="av-icon-char" style="font-size:100px;line-height:100px;width:100px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" data-avia-icon-tooltip="
<ol>
<li>Contact Us</li>
<li>Get a Quote</li>
<li>Upload a File</li>
</ol>
"></a>

Если вы посмотрите на закрывающий тег body, вы найдете этот блок, который javascript включает и выключает - стиль по желанию

<div class="avia-tooltip avia-icon-tooltip avia-tt" style="left: 591.1875px; top: 309px;  opacity: 0; display: none; "><div class="inner_tooltip">
<ol>
<li>Contact Us</li>
<li>Get a Quote</li>
<li>Upload a File</li>
</ol>
</div><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></div>
person Mindeater    schedule 15.05.2014