2

私は小さなスクロールバー プラグインを使用しています。元のスクロールバーには、 と のサム イメージがwidth=13px;ありheight=480pxます。元の画像をwidth=10pxとに変更しheight=480pxます。今、スクロールバーの上部が完全ではなく、カットされていることがわかります。なんの問題。これを修正する方法?! 動作しないデモ

カスタム イメージ 10*480 の場合: ここに画像の説明を入力

元の画像 13*480 の場合: ここに画像の説明を入力

編集: ユーザーSowmyaは、CSS3 と境界半径メソッドを使用してこの問題を修正するためのアイデアを持っています。

はい、そうです。これは、IE6-8 を除く主要なブラウザーでこの css を使用して機能しました。

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… */
4

1 に答える 1

2

画像を使用する代わりに、境界線の半径で背景色を使用できます。ここで更新されたデモを確認してください

于 2012-09-03T12:48:09.280 に答える