所謂的【 捲軸透明化 】
"捲軸"大家都知道是什麼吧!?
就是大部分網頁右邊有上下箭頭可以拉上拉下的那個東東;
透明化就是捲軸原本會遮住背景,把她透明化後就不會有這個問題了!
在捲軸語法的部份加上 FILTER: Chroma(Color=背景顏色);
(案Ctrl+C複製)
例如:
原來的捲軸語法
overflow: auto;
scrollbar-face-color: #696969;
scrollbar-track-color: #696969;
scrollbar-3dlight-color: #696969;
scrollbar-darkshadow-Color: #696969;
scrollbar-arrow-color: #696969;
scrollbar-shadow-color: #696969;
scrollbar-highlight-color: #696969;
加上透明化語法後
overflow: auto;
scrollbar-face-color: #696969;
scrollbar-track-color: #696969;
scrollbar-3dlight-color: #696969;
scrollbar-darkshadow-Color: #696969;
scrollbar-arrow-color: #696969;
scrollbar-shadow-color: #696969;
scrollbar-highlight-color: #696969;
FILTER: Chroma(Color=#696969);
就以這個部落格為範例,右邊的欄框就是這個效果
不過當用滑鼠滾輪移動捲軸時會怪怪的...
本來文章的部份也用這種效果,因為像剛才所說的所以就沒用
於是改成把它的框架改小一點,就看不到了!^^
"捲軸"大家都知道是什麼吧!?
就是大部分網頁右邊有上下箭頭可以拉上拉下的那個東東;
透明化就是捲軸原本會遮住背景,把她透明化後就不會有這個問題了!
在捲軸語法的部份加上 FILTER: Chroma(Color=背景顏色);
(案Ctrl+C複製)
例如:
原來的捲軸語法
overflow: auto;
scrollbar-face-color: #696969;
scrollbar-track-color: #696969;
scrollbar-3dlight-color: #696969;
scrollbar-darkshadow-Color: #696969;
scrollbar-arrow-color: #696969;
scrollbar-shadow-color: #696969;
scrollbar-highlight-color: #696969;
加上透明化語法後
overflow: auto;
scrollbar-face-color: #696969;
scrollbar-track-color: #696969;
scrollbar-3dlight-color: #696969;
scrollbar-darkshadow-Color: #696969;
scrollbar-arrow-color: #696969;
scrollbar-shadow-color: #696969;
scrollbar-highlight-color: #696969;
FILTER: Chroma(Color=#696969);
就以這個部落格為範例,右邊的欄框就是這個效果
不過當用滑鼠滾輪移動捲軸時會怪怪的...
本來文章的部份也用這種效果,因為像剛才所說的所以就沒用
於是改成把它的框架改小一點,就看不到了!^^