IE 10在HTML中並不

顯示滾動條我有滾動條，這樣在谷歌瀏覽器IE 10在HTML中並不

enter image description here

但在IE 10，它顯示是這樣的：

enter image description here

來源

2014-02-05 vir

的'WebKit的'前綴防止IE使用的CSS – mhu

據this answer here ，它不會在IE或FF上工作。

但它們提供了一個使用jQuery解決方案的鏈接。（http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html)

來源

2014-02-05 12:24:22 Albzi

哦:(，但我如何顯示默認滾動條爲完整，而不是半切 – vir

我認爲這是'background-clip'屬性。但我不確定。 @vir – Albzi

您仍然可以在IE10使用滾動-XXX-color屬性。

滾動條軌道-color屬性

指定滾動條軌跡元素的顏色。

CSS

div { 
    width: 150px; 
    height: 150px; 
    border-style: solid; 
    border-width: thin; 
    overflow-y: scroll; 
    font-family: sans-serif; 
    float: left; 
    margin-right: 10px; 
} 
.blueScroll { 
    scrollbar-highlight-color: aqua; 
    scrollbar-face-color: blue; 
    scrollbar-arrow-color: blue; 
    border-color: blue; 
} 
.redScroll { 
    scrollbar-highlight-color: bisque; 
    scrollbar-face-color: red; 
    scrollbar-arrow-color: red; 
    border-color: red; 
}

HTML

<body> 
    <div class="blueScroll"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div class="redScroll"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
</body>

你可以看到這裏的工作演示.. See demo

欲瞭解更多信息......閱讀http://msdn.microsoft.com/en-us/library/ie/ms531160%28v=vs.85%29.aspx

來源

2014-02-05 12:33:58 newTag

IE 10在HTML中並不

回答

相關問題