美文网首页
SVG DIV 偏移重定位 loading 页面 CSS3 页面

SVG DIV 偏移重定位 loading 页面 CSS3 页面

作者: 辣辣不乖 | 来源:发表于2020-07-18 17:36 被阅读0次

    svg 默认 display 为 inline,改成 block 即可与 div 完全重合

    svgStyle: {width: '100%', height: '100%',display: 'block'}
    

    Loading 页面 CSS3 页面遮罩 JS部分

    document.onreadystatechange = completeLoading;
      function completeLoading() {
        if (document.readyState == "complete") {
        $("#topbar,#mask").animate({
        "opacity": "0"
        }, 333).hide(333);
      }
    }
    

    Loading 页面 CSS3 页面遮罩 HTML部分

    <div id='mask' style="position: fixed;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;background-color: #000;opacity: 0.3;overflow: hidden;"></div>
    

    相关文章

      网友评论

          本文标题:SVG DIV 偏移重定位 loading 页面 CSS3 页面

          本文链接:https://www.haomeiwen.com/subject/tcrrkktx.html