-1

うまく機能するjquery/CSSコードがありますが、InternetExplorer8では機能しません。

スライダーです。ただし、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>

Br、トビアス

4

1 に答える 1

0

頭のてっぺんから keeppaddingとmargin0px for cross browser compatibility を読んだことを覚えています。

于 2012-12-08T20:50:52.190 に答える