Question

我有以下问题我在网页上有一些社交图标。第一次加载页面时，图标不可见。

当我查看图标时，它变得可见并保持可见。

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

有人可以帮助我

Answer 1

有时会发生这种情况，并且在Google Chrome中更常见。网站上的一些图片只是边框1px的块。鼠标悬停后，它们就可见了。

我知道，这只是与这里的代码无关的错误！： - ）

在与页面交互之前图标不可见（鼠标悬停）

1 个答案: