css box-shadow 阴影如何cover内容

Inset box-shadow beneath content

结合Element-ui

                > .el-scrollbar {
                    & > .el-scrollbar__bar {
                        opacity: 1;// always show scrollbar 
                    }

                    height: 100%;

                    &::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        box-shadow: inset 0px 2px 4px -1px rgba(0, 0, 0, 0.2), inset 0px 4px 5px 0px rgba(0, 0, 0, 0.14), inset 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
                        pointer-events: none;
                    }

                    > .el-scrollbar__wrap {
                        overflow-x: hidden;// 隐藏浏览器原生滑动条

                        > .el-scrollbar__view {
                            height: 100%;
                        }
                    }
                }