檢查元素 - 將CSS懸停在

Question

當您將鼠標懸停在圖標上並顯示內容框時，任何人都有試圖更改「圖標」上的內容背景顏色的提示。

我似乎無法檢查該區域，因爲我無法讓我的鼠標檢查背景，因爲一旦我的光標實際上就會消失。

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

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

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>