0

我正在尝试使用创建自定义滚动条CSS，它分别在 chrome 中工作，但在 Internet Explorer 中，它失败了。这是我CSS的 Chrome 和 IE

铬合金

::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
    display: none;
}

::-webkit-scrollbar-track-piece  {
    background-color: white;
    -webkit-border-radius: 6px;

}

::-webkit-scrollbar-thumb:vertical {    
    background: rgba(0,0,0,0.3) url(scrollbar_thumb_bg.png) no-repeat center;
}

::-webkit-scrollbar-thumb:horizontal {
    background: rgba(0,0,0,0.3) url(scrollbar_thumb_bg.png) no-repeat center;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: rgba(0,0,0,0.4) url(scrollbar_thumb_bg.png) no-repeat center;
}

IE

::-ms-scrollbar {
    width: 1px;
    height: 10px;
}

::-ms-scrollbar-button:start:decrement,
::-ms-scrollbar-button:end:increment  {
    display: none;
}

::-ms-scrollbar-track-piece  {
    background-color: white;
    -ms-border-radius: 6px;
}

::-ms-scrollbar-thumb:vertical {    
    background: rgba(0,0,0,0.3) url(scrollbar_thumb_bg.png) no-repeat center;
}

::-ms-scrollbar-thumb:horizontal {
    background: rgba(0,0,0,0.3) url(scrollbar_thumb_bg.png) no-repeat center;
}

::-ms-scrollbar-thumb:vertical:hover {
    background: rgba(0,0,0,0.4) url(scrollbar_thumb_bg.png) no-repeat center;
}

我正在使用 Internet Explorer 10。以上代码在 IE 中无法运行。有人知道吗？

4

0 回答 0