Question

当您将鼠标悬停在图标上并且内容框显示时，任何人都有关于尝试更改图标上内容背景颜色的任何提示。

我似乎无法检查该区域，因为我不能让我的鼠标检查背景，因为一旦我的光标实际上它就消失了。

屏幕截图 - http://postimg.org/image/cspn2nxf5/full/

Answer 1

从我所看到的，这是在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>

如果你查看关闭身体标签，你会发现这个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>

检查元素 - CSS悬停在上面

1 个答案: