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