-1

我有一个运行良好的 jquery / CSS 代码，但不适用于 Internet Explorer 8。

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

JsFiddle 演示

    /* 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;
}

​</p>

兄弟，托拜厄斯

4

1 回答 1

0

在我的脑海中，我记得阅读了保持padding和margin0px 以实现跨浏览器兼容性。

于 2012-12-08T20:50:52.190 回答