Javascript 浏览器选项卡更改与页面加载时的奇怪行为

在Chrome和Microsoft Edge上观察到。其他浏览器未经测试

我有一个元素，加载CSS属性不透明和可见性，所以它是隐藏的。在鼠标悬停时，使用：hover，这些将变回可见和1

在页面加载时，此元素未按应有的方式对齐。事实并非如此。 但当我切换标签时，这种错位被纠正了。 页面刷新观察到的行为与页面加载相同。 注意事项。元素已设置其大小。但它继承了其父对象的大小。如果元素以其本机大小加载，则不会观察到这些问题

我是否可以调用一个函数来刷新页面，就像加载完成后切换了选项卡一样

CSS：

.我的悬停课{ 可见性：隐藏！重要； 不透明度：0！重要； -webkit过渡：所有0.2版本都轻松推出！重要； -moz过渡：所有0.2秒都放松！重要； -o型过渡：所有0.2秒放松！重要； 过渡：所有0.2秒放松！重要； } .rev_滑块：悬停。我的悬停类{ 可见性：可见！重要； 不透明度：1！重要； }

---

查看您的标记和CSS会很有帮助。我是否可以调用一个函数来刷新页面，就像加载完成后切换了选项卡一样？也许吧，但最好是解决潜在的问题。添加了CSS代码。标记是一个完全不同的故事，因为它是wordpress顶部的一个革命滑块。。。