徽标图片仅显示在Chrome桌面中

时间:2018-01-11 19:06:56

标签: css google-chrome pseudo-element

在Chrome浏览器中查看时,此网站上的徽标通常显示在左上方。缺少Firefox和Opera。使用检查工具,HTML <img class="brand-logo" alt="Holder's Total Security" src="https://holdersecurity.com/wp-content/themes/holders/images/brand-logo.png">在Chrome中看起来很正常,但在Firefox中显得苍白无力。显然是想告诉我一些事情。

我认为这让我感到困惑,因为原始的开发人员使用了::之前和之后的伪元素,我很少使用它。

网站... example of problem

1 个答案:

答案 0 :(得分:0)

我隔离了Bootstrap CSS的部分,这些部分与&#34;响应实用程序&#34;有关。然后将它们与分配给a标记(visible-lg visible-md visible-sm hidden-xs)的类进行比较。

然后我确保以下内容位于我的主样式表的底部......

.visible-lg .visible-md .visible-sm .hidden-xs { display:block!important; }

徽标现在正常显示,但我不确定为什么在经过几个月的工作后这突然爆发了。将其归结为过多的Wordpress复杂性。