圖標在您與頁面交互之前不可見（鼠標懸停）

我有以下問題我在網頁上有一些社交圖標。第一次加載頁面時，圖標不可見。圖標在您與頁面交互之前不可見（鼠標懸停）

當我瀏覽圖標時，它變得可見並保持可見。

.social-icons-float .social-icon { 
    display: block; 
    padding-bottom: 5px; 
    font-size: 13px; 
} 

.social-icons-float .social-icon .social-count { 
    display: block; 
    border: 1px solid #e3e3e3; 
    text-align: center; 
    padding: 12px 0px; 
    font-size: 24px; 
    font-family: 'Titillium Web', sans-serif; 
    font-weight: bold; 
    color: #a0a0a0; 
    position: relative; 
    margin-bottom: 8px; 
} 

.social-icons-float .social-icon .social-count .social-arrow { 
    display: block; 
    overflow: hidden; 
    height: 10px; 
    position: absolute; 
    bottom: -10px; 
    width: 100%; 
}

可能有人請幫我

來源

2014-04-06 user3460377

歡迎光臨！我們如何看待或重現問題？例如，jsfiddle/codepen，HTML代碼。你測試過哪個瀏覽器（在哪個操作系統和哪個版本中）？ – FelipeAls

問題出在Google Chrome上。 – user3460377

@ user3460377，你是對的。我也一樣經歷過！這是一個渲染圖像的錯誤...與代碼無關:)不要擔心。 –

這有時會發生，並且更普遍認爲谷歌瀏覽器。網站上的一些圖片只是邊框1px的塊。一旦你將鼠標懸停在他們身上，他們就可見

我知道，它只是bug與這裏的代碼無關！ :-)

來源

2014-04-06 12:50:46

確實是谷歌瀏覽器，我什麼都不能做？ – user3460377

不，這是Google Chrome中的一個錯誤！他們會解決這個問題。你不能做任何與此相關的事情.... –

圖標在您與頁面交互之前不可見（鼠標懸停）

回答

相關問題