可以发现当页面上有其他定位元素时，部分Loading框显示异常。该异常在opacity小于1时被遮挡，opacity等于1时完全显示。从本质上讲，如果要解决这个问题，其实有很多方法：比如去掉定位元素Style，如以上情况，可以去掉图片position:relative的样式；z-索引：1；但显然，这是不可取的，是治标不治本；或者修改Loading框的样式，比如去掉tansition的渐变样式，但是这种方法导致Loading框的外观，失去了渐变的效果；要想出更好的解决办法，就要看清现象的本质；其实这个问题的原因是opacity的css属性让元素产生了Cascadingcontext；MDN文档中提到，在某些场景下，会产生级联上下文，当opacity小于1时，也会产生；在生成级联上下文的dom节点中，其内部的级联顺序不会影响外部元素；所以在显示Loading组件的过程中，由于它的opacity是逐渐从0变成1的，所以：当opacity小于1时，在id为toast的div中形成一个stackingcontext，内部的loadingstyle会不影响外部因素，所以z-index为1的img-wrap会覆盖Loading组件；当opacity大于1时，id为toast的div不形成stackingcontext，所以z-index为1的img-wrap会被Loading组件的z-index覆盖：5000overlay；<样式>.loading{z-index:5000;位置：固定；顶部：30%；左：50%；}