1

OS X Lion のスクロールバーの外観を実現するために、Firefox でスクロールバーのスタイルを設定しようとしています。スタイリッシュな私のコードは次のとおりです。

scrollbarbutton {-moz-appearance: none !important}

scrollbar, scrollcorner { -moz-appearance: none !important;
background-color: transparent !important;
}

scrollbar[orient='vertical'] { border-left: 0; -moz-transform:translateX(10px)}
scrollbar[orient='horizontal'] { border-top: 0; }

thumb { -moz-appearance: none !important;
border-color: red !important;
background: transparent;
opacity: .5;
border-style: solid;
}

thumb:hover, thumb:active {opacity: 1}

thumb[orient='vertical'] {
-moz-border-image: url(http://i.imgur.com/mxzFF.png) 15 0 15 0 fill;
border-width: 8px 0 8px 0;
-moz-transform:translateX(-10px);
z-index: 10000
}

ただし、z-index 設定は何もせず、ページ コンテンツがスクロールバーのつまみに重なって表示されます。

4

1 に答える 1

0

最後の css ブロックを次のように変更します。

thumb[orient='vertical'] { 
-moz-border-image: url(http://i.imgur.com/mxzFF.png) 15 0 15 0 fill; 
border-width: 8px 0 8px 0; 
-moz-transform:translateX(-10px); 
position: relative;
z-index: 10000;
}
于 2012-08-22T13:26:08.507 に答える