webkit 允许使用图片来装扮滚动条

先用safari或webkit(当然google浏览器也可以)来看看这个例子

 

http://trac.webkit.org/export/41842/trunk/LayoutTests/scrollbars/overflow-scrollbar-combinations.html

 

它的样式是这样实现的

::"color: #1f00ff;">   background-image: url(resources/corner-inactive.png);

}

...

我们可以对滚动条通过图片来作不同的定义

同样的 我们可以使用 resize: both 这个样式来定义这个容器是否允许手动修改尺寸

当然这个实例不需要任何脚本就可以实现