html - Icons not visible till you interact with the page (mouseover) -


i have following problem have social icons on webpage. first time load page icons aren't visible.

when go on icon becomes visible , stays visible.

.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%; } 

could 1 please me

that happens , more seen in google chrome. of images on sites blocks of border 1px. once mouseover them visible.

i know that, bug nothing code here! :-)


Comments

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

javascript - Using Windows Media Player as video fallback for video tag -

c# - Unity IoC Lifetime per HttpRequest for UserStore -