[css] transparante scrollbar

[paQ]

sorry guys (and girls), maar dit vind ik nergens in de searh. er wordt wel over gesproken, maar dat is het dan ook ...

op w3 kan ik ook niets hierover vinden.
Ik heb het ooit ergens gezien... maar weet niet meer waar...

[dream0r]

Als je background toch wit is, dan maak je je scrollbar toch wit? Of wil je het echt transparant en dan op een plaatje ofzo?

Greetz, Skizz

[paQ]

yep....

er is geen witte achtergrond...
en ook geen roof, zwart geel of blauw... maar inderdaad een plaatje...

ik loop me helemaal de &*^&^$(* te zoeken naar dat voorbeeldje wat ik ooit had gezien, maar ik vind het niet meer terug....

[Explore]

Bij mijn wete is dat met standaard css niet mogelijk. Maar correct me if I'm wrong. Dat voorbeeld waarnaar je referreert zal wel een truuk zijn. Transparante layer in IE die als scrollbar dienst doet. Dat is nog wel te doen...

Om een layer in IE transparant te krijgen moet je een filter toevoegen, zo bv.:

code:

filter:alpha(opacity=80);

opacity kan je aanpassen... Ook met js-code, zodat je 'm kan laten faden en dat soort (on)gein.

[dream0r]

Misschien iets met Javascript? Misschien javascript.internet.com?

GreetZ, Skizz

[paQ]

Op zaterdag 27 oktober 2001 15:44 schreef Explore het volgende:
Bij mijn wete is dat met standaard css niet mogelijk.

Maar ik kan in CSS ook zeggen bijv.

code:

input
{ background: transparent; }

en

code:

filter: alpha(opacity=50);

dan moet dat toch ook op een scrollbalk werken?
Kleur en dergelijke kun je ook allemaal aanpassen... de ocapicity dan toch ook?

[wicher|IA]

Op zaterdag 27 oktober 2001 16:00 schreef paQ het volgende:

[..]

Maar ik kan in CSS ook zeggen bijv.

code:

input
{ background: transparent; }

en

code:

filter: alpha(opacity=50);

dan moet dat toch ook op een scrollbalk werken?
Kleur en dergelijke kun je ook allemaal aanpassen... de ocapicity dan toch ook?

dat zou logisch zijn geweest als het zo was:

code:

CSS:
scrollbar {
color: #0123456;
filter: blah;
}

maar het is zo:

code:

body {
scrollbar-background-color: #0123456;
}

scrollbar is natuurlijk geen HTML-tag, dus de eerste optie kan niet
bovendien zou het dan lastig toe te passen zijn op 1 textarea ofzo

(het zou misschien handig zijn als het zo kon: body:scrollbars en textarea#area1:scrollbars, ala a:hover dus)

[RM-rf]

background-color: transparant is geen alpha-transparantie maar gewoon geen achtergrond-kleur, dit is de default van ongeveer elk element (behalve body en bv input, button)

filter: alpha(opacity=XX) is wel alpha-transparantie, hiermee kun dus gradaties aangeven.
enkel is dit geen standaard (mozilla kent iets als moz-transparancy: xx;, hebben ze de moz- prefix gegeven omdat ze wachten op een goede w3c standaard ervoor)
filters zullen naar alle waarschijnlijkheid nooit in de CSS standaard vervat worden vanwege conflicten met de SMIL en SVG recomendations

als je een transparante scrollbar wilt moet je dus scrolling="no" in je frameset definieren (maar denk niet dat je dat bedoelt)

scrollbars zijn verder page-eigen elementen, enkel in de CSS-3 working draft is daaraan aandacht besteed (onder 3D GUI elements, nooit direct gerelateerd aan scrollbars)

de enige oplossing is om een eigen dhtml scrollbar te bouwen en hieraan dmv filter:alpha en moz-transparancy alpha-gradaties toe te kennen