Internet Explorer 8 上的 Jquery / css 错误

Question

我有一个运行良好的 jquery / CSS 代码，但不能在 Internet Explorer 8 上运行。

这是一个滑块。但是当您使用 Internet Explorer 8 时它不起作用。在所有其他浏览器中它都很好用。任何人都可以帮忙提供代码吗？

JsFiddle demo

    /* slider */
.range {
float:left;
margin-top: 12px;
width: 125px;
}

.ui-slider-wrapper {
position: relative;
padding: 16px 0 0 0;
height: 212px;
width: 24px;
text-align: left;
background: #1f8fb5;
/* CSS3 */
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-text-shadow: 0 1px 0 #267f9d;
-webkit-text-shadow: 0 1px 0 #267f9d;
text-shadow: 0 1px 0 #267f9d;
}

.ui-slider {
position: relative;
float: left;
padding-right: 104px;
height: 196px;
width: 24px;
}

.ui-slider .ui-slider-tooltip {
display: none;
}

.ui-slider .screenReaderContext {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
left: -999999999px;
}

.ui-slider ol {
position: relative;
left: 55px;
top: -4px;
width: 88px;
}

.ui-slider li {
width: 88px;
margin-bottom: 9px;
}

.ui-slider-handle {
position: absolute;
left: 0;
display: block;
margin-bottom: -16px; /*offset*/
height: 32px;
width: 24px;
text-indent: -9999em;
background: red;
z-index: 1;
}

.ui-slider-range {
position: absolute;
left: 0;
width: 24px;
background: #ccc;
}

​

兄弟， 托比亚斯

Answer 1

我记得我读过保持padding 和margin 0px 以实现跨浏览器兼容性。