jquery 微型滚动条自定义 css 图片

Question

我与 tiny scroll bar 一起工作插入。在原始情况下，我们有 width=13px; 和 height=480px 的滚动条缩略图。我将原始图像更改为 width=10px 和 height=480px。现在我看到滚动条的顶部不完整并且被切断了。什么问题。如何解决这个问题？! NOT WORK DEMO

自定义图片 10*480 :

原始图像 13*480 :

编辑:用户Sowmya对使用 CSS3 和边框半径方法解决此问题有任何想法。

是的，没错。这适用于主流浏览器 except 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