Gif not loading in Safari

Question

GIF loading does not work in Safari .. browser :(

<style>
    #divLoading {
        display : none;
    }
    #divLoading.show {
        display : block;
        position : fixed;
        z-index: 100;
        background-image : url('<?php echo base_url('assets/logo/loading2.gif'); ?>');
        background-color:#666;
        opacity : 0.4;
        background-repeat : no-repeat;
        background-position : center;
        left : 0;
        bottom : 0;
        right : 0;
        top : 0;
    }

    #loadinggif.show {
        left : 50%;
        top : 50%;
        position : absolute;
        z-index : 101;
        width : 32px;
        height : 32px;
        margin-left : -16px;
        margin-top : -16px;
    }

    div.content {
       width : 1000px;
       height : 1000px;
    }
</style>
<div id="divLoading"></div>

GIF loading does not work in Safari browser .. :( But it works fine in Chrome ..

Jfiddle Link: https://jsfiddle.net/sadhique92/b3fkwxg5/

Answer 1

I have the same problem with iPhone and Safari, when I get a GIF just do nothing, it works on Android.