/    Sign up×
Community /Pin to ProfileBookmark

transperent scrollbar

is it possible to change the scroll on the side so it will be transperent?
so there will be only up and down arrows?

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@Ness_du_FratMay 01.2005 — yes, it IS possible.

But now, if you want to have only the arrows, you just have to set the rest the values to the background color. If you have a background image, and you want the track color and all to really be transparent so that you can see the image, you can do that ( remember that it will only work in IE, and it's not w3c compatible ; it will also work only for content which is displayed in div or iframes. it cannot work for the main page ( you cannot apply the style to the body tag ) :

BODY {

scrollbar-face-color:#CC9966;

scrollbar-arrow-color:#000000;

scrollbar-track-color:#CC9966;

scrollbar-shadow-color:#000000;

scrollbar-highlight-color:#000000;

scrollbar-3dlight-color:#CC9966;

scrollbar-darkshadow-color:#CC9966;

}

and then, in the html page, you write this :

<div style="filter: chroma(color=#CC9966);" allowTransparency="true">

or this :

<iframe style="filter: chroma(color=#CC9966);" allowTransparency="true">

It will make the CC9966 color disappear, on all the page, so if you have text which is also this color, it will become transaprent.

But, sorry, maybe you wanted a javascript answer ? You probably already knew this one...
Copy linkTweet thisAlerts:
@pelegk1authorMay 01.2005 — thansk alot
×

Success!

Help @pelegk1 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.21,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...