jquery小滚动条自定义css图像

Question

我使用tiny scroll bar插件。在原始情况下，我们为width=13px;和height=480px滚动条提供了任何拇指图像。我将原始图像更改为width=10px和height=480px。现在我看到滚动条的顶部未完成并被剪切。什么问题。怎么解决这个问题？！ NOT WORK DEMO

自定义图片10 * 480：

原始图片13 * 480：

修改 用户Sowmya有任何想法使用CSS3和边界半径方法解决此问题。

是，合适的。这在主要浏览器中使用此css ，除了IE6-8 ：

border-radius: 20px; /* Standard */
-o-border-radius: 20px; /* Opera 10.x */
-moz-border-radius: 20px; /* Mozilla/Firefox */
-icab-border-radius: 20px; /* iCab */
-khtml-border-radius: 20px; /* KHTML/Konqueror */
-webkit-border-radius: 20px; /* Webkit/Safari/Chrome/etc… */

Answer 1

您可以使用带有边框半径的背景颜色，而不是使用图像。查看更新后的demo here