小编mar*_*nH0的帖子

如何使用css将图像设置为范围输入类型的滑块滑块？它在Internet Explorer中不起作用.Chrome和Firefox都可以,但在IE上我的图像是隐藏的还是什么？我使用::-ms-thumb,并尝试将图像设置为背景.我该如何用CSS修复它？

input[type="range"]::-webkit-slider-thumb 
    {
    -webkit-appearance: none;
    background-image: url('../images/slider.png');
    opacity: 1;
    width: 40px;
    height: 19px;
    position: relative;
    top: 0px;
    z-index: 99;
 }
::-moz-range-thumb{
    background-image: url('../images/slider.png');
    width:40px;
    height:19px;
   }
::-ms-thumb{
    background-image: url('../images/slider.png');
    width:40px;
    height:19px;
    z-index: 9999;
    display: block;
    background-color: transparent;
   }

IE,Chrome和Firefox滑块http://imageshack.com/a/img401/9131/dqwb.jpg