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

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浏览器中不显示，但是在其他浏览器都是好的

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

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

先用 开发者工具看看 .loading 这个div的在$(".loading").show(); 后的真实高度和宽度时多少? 是不是都为0造成不显示? 尝试将宽高设置为固定的值:比如 100px X 100px 试试