html - 页面加载时元素正在移动 - CSS问题？

Question

这是我的网站。

我的站点徽标有问题 - 仅在 Chrome 和 Opera 中，它只是在加载时移动一点（从左到右），然后跳回原位。

那天我的徽标出现了 Chrome 和 Opera 的问题，但我通过添加以下代码修复了它：

#nav-header.nav-container { 
  margin-left: 165px;
}

（没有此代码，我的导航会覆盖徽标 - 当然仅在 Chrome 和 Opera 中）。

要注意这个问题，您必须刷新页面几次（通过单击站点徽标）。

我尝试添加各种 css 但没有运气。什么可以为这种行为负责？奇怪的是它只发生在 Chrome 和 Opera 中。

有任何想法吗？

编辑：

这是网站徽标的代码：

.site-title a img{
    height:40px !important;
    position:absolute;
    pointer-events:auto !important;
    top:-27px;
    padding-right:10px;
    padding-bottom:5px !important;
    padding-top:5px !important;
}

标签： htmlcss