相关疑难解决方法(0)

如何定义CSS滚动条样式跨浏览器？我测试了这段代码,它只适用于IE和Opera,但在Chrome,Safari和Firefox中失败了.

<style type="text/css">
<!--    
body {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-highlight-color:#7D7E94;
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-track-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
}
-->
</style>

我注意到在一些Apple网站上:http://help.apple.com/mobileme/index.html#mm5b08c671他们使用最近出现的WebKit滚动条CSS内容自定义滚动条.但是我根本无法复制它.有什么想法怎么做？我在这里有一个测试网站,但是我得到了默认的滚动条？谢谢

测试:http://driz.co.uk/scrollbar/

我想创建一个布局,我想在水平方向上对齐内容,但每行只能在水平方向滚动.这是我的JSFiddle示例.

.x-scroller{
    overflow-x: scroll; 
    overflow-y:hidden; 
    height:100px; 
    width: 300px
}

所述.X-卷轴DIV将与她的内容的循环动态生成,每个所述x卷轴DIV的将同样有一些内容,我将希望能够在水平方向上滚动仅作为可以在下面的图可以看到: