IE中范围元素的相对位置

Question

我对多个范围元素使用相对定位，这对于除IE之外的所有浏览器都适用。使用IE，如果滑块在垂直方向上靠得太近，就无法直接在滑块轨道上单击，这是我需要的。然后只能在每个滑块上方略微单击以移动它们，可以看到here。将它们彼此移开后，效果很好，可以here看到。

使用以下css代码（2个滑块的示例）：

#row2 {position: relative;
bottom: 72px}
#row3 {position: relative;
bottom: 144px}

::-ms-tooltip {display: none;}

@media screen\0 {
#row2 {position: relative;
margin-top: -60px;}
}

@media screen\0 {
#row3 {position: relative;
margin-top: -60px;}
}

和一行的HTML代码（其他行是模拟的）：

<div id="row2">
<input class="pos_row2_1" id="slider4" max="100" min="0"
onkeydown="return false;" step="1" type="range" value="0"> <input
class="pos_row2_2" id="slider5" max="100" min="0" onkeydown="return false;"
step="1" type="range" value="0"> <input class="pos_row2_3" id="slider6"
max="100" min="0" onkeydown="return false;" step="1" type="range" value="0"
</div>

非常感谢您的帮助！