Question

导航栏工作正常至今。它在Chrome中打破了。但有时候经过一些清爽，它工作正常。它就像十分之一一样。它刚刚发生。它是magento 1.9.2。 Chrome版本为43.0.1

导航栏的文本在工作时为大写和粗体。

＆＃13;

.novaworks-navigation #novaworks-nav > li.level0 > a > span {
  line-height: 50px;
  text-transform: uppercase;
  font-weight: bold;
}

＆＃13;

但是当它不起作用时，在元素检查期间，不会出现这些规则之类的内容。有一些用户代理样式表正在显示。文本也不是大写的，甚至不是粗体。

＆＃13;

i, cite, em, var, address, dfn {
  font-style: italic;
}

＆＃13;

右边的搜索框也有一个放大镜图标。但现在它也没有出现。 font-awesome的类除了font-style之外没有显示任何规则。它说用户代理样式表。

但是当它工作时，font-awesome搜索栏的规则是：

＆＃13;

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

＆＃13;

Answer 1

麻烦来自animate.css。它可能与最新版本的Chrome 43.0.1有点不兼容。

您必须将常规动画规则放在浏览器特定的规则之后：

＆＃13;

-webkit-animation: aia2 5s linear infinite alternate;
   -moz-animation: aia2 5s linear infinite alternate;
    -ms-animation: aia2 5s linear infinite alternate;
     -o-animation: aia2 5s linear infinite alternate;
        animation: aia2 5s linear infinite alternate; /* this comes last */

＆＃13;

感谢。我希望它有所帮助。

导航栏在Chrome中不在IE或Firefox中

1 个答案: