2019.09.24-HTML前端css解决div滚动条设置样式问题

2019.09.24-HTML前端css解决div滚动条设置样式问题

项目记录：
对于id为bg_box的div，设置滚动条样式。
显示滚动条-> overflow: auto;
滚动条样式的设置参看下面的css样式哈。

 #bg_box{
            width: 900px;
            height: 450px;
            background-color: transparent;
            overflow: auto;
            position:absolute;
            left:330px;
            top:300px;
        }

    #bg_box::-webkit-scrollbar {/*滚动条整体样式*/
        width: 70px;
    }
    #bg_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        background-color:rgba(28,41,49,0.9);
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px #A0A0A0;
        background-image: url("table1.gif") ;
        background-size:70px 50%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    #bg_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px #F5F5F5;/*轨道边框颜色*/
        border-radius: 5px;
        background: rgba(50,50,50,0.8);
    }