2014-05-15 76 views
0

当您将鼠标悬停在图标上并显示内容框时,任何人都有试图更改“图标”上的内容背景颜色的提示。检查元素 - 将CSS悬停在

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

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

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

+0

我们e'firefox与firubug'。在这里你可以选择右侧。风格 - >悬停。它的意思是。当鼠标悬停和移出时它不会隐藏。 – yeshansachithak

回答

0

从我可以看到这是在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>