safari 浏览器中的显示隐藏的问题

Question

HTML：

css:.loading {
display: none;
position: fixed;
height: 100%;
z-index: 999;
width: 100%;
top: 0;
left: 0;
background-color: rgba(148, 147, 150, 0.4);

}
.loading img {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}

我让他执行的时候，$(".loading").show();
但是他就是在safari浏览器中不显示，但是在其他浏览器都是好的

Answer 1

建议不要动态加载css，如果要动态加载也不要在动态加载的css文件中设置display,可以在行内设置；比如

 <div calss="loading" style="display:none;"></div>