Javascript Mozilla Firefox上的“回车左”闪烁
基本上,在最新的Chrome和IE浏览器中,视图的加载没有问题,但在Mozilla Firefox中,一旦单击它,就会闪烁显示半加载的css/js页面,然后消失,并显示正确格式的页面Javascript Mozilla Firefox上的“回车左”闪烁,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,基本上,在最新的Chrome和IE浏览器中,视图的加载没有问题,但在Mozilla Firefox中,一旦单击它,就会闪烁显示半加载的css/js页面,然后消失,并显示正确格式的页面 <div style="position:relative"> <div style="width:100%" ng-view class="view"></div> </div> 我在谷歌上搜索并尝试了不同的方法,但由于某种原因,我没有让它发挥作用。也许这
<div style="position:relative">
<div style="width:100%" ng-view class="view"></div>
</div>
我在谷歌上搜索并尝试了不同的方法,但由于某种原因,我没有让它发挥作用。也许这里有人知道一个可靠的方法
您可以在www.kaidoweb.com上通过点击导航栏的左侧链接来尝试这一点
.view.ng-leave {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-ms-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
}
.view.ng-enter {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }