Scrollbar

[Felix89]

Salve a tutti...
Una volta su un sito (di cui adesso non ricordo + l'indirizzo -_-)
ho visto che aveva la scrollbar trasparente e avendo uno sfondo con immagine si vedeva la continuazione dello sfondo attraverso la scrollbar... Ora a me servirebbe quel codice html ^^"

Grazie in anticipo ^^"

[flanza]

te ne do un esempio:

filter:chroma(color=#010101);

scrollbar-face-color:#010101;
scrollbar-shadow-color:#111030;
scrollbar-highlight-color:#111030;
scrollbar-3dlight-color:#c0c0c0;
scrollbar-darkshadow-color:#c0c0c0;
scrollbar-track-color:#010101;
scrollbar-arrow-color:#ff0000;

vedi che il primo dice il colore che sarà trasparente e poi dove metti quello hai la trasparenza.
Ovviamente funziona solo con IE!

[Felix89]

se io lo metto così

<style>
<!--
BODY {
filter:chroma(color=#010101);
scrollbar-face-color:#010101;
scrollbar-shadow-color:#111030;
scrollbar-highlight-color:#111030;
scrollbar-3dlight-color:#c0c0c0;
scrollbar-darkshadow-color:#c0c0c0;
scrollbar-track-color:#010101;
scrollbar-arrow-color:#ff0000;
}
--></style>

non mi funge...perchè? si vedono i colori..e non lo sfondo di sotto..

[Felix89]

scusate i due mex di seguito...mettendo quel codice...dove ci dovrebbe essere il trasparente c'è il bianco

[boolbo]

Lo stai guardando con Explorer o con altro browser?

[Felix89]

explorer

[Felix89]

può essere che il codice è sbagliato? °_°"

[boolbo]

Può darsi che questo nno sia il filtro giusto:

filter:chroma(color=#010101);

magari è un'altro......forse una cosa così:

filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)

Prova così:


filter: Alpha(Opacity=50, FinishOpacity=0);

[Felix89]

nessuno lo sa?
mi servirebbe velocemente..

[boolbo]

Prova questo:

<style>
<!--
BODY {
filter: Alpha(Opacity=50, FinishOpacity=0);
scrollbar-face-color:#010101;
scrollbar-shadow-color:#111030;
scrollbar-highlight-color:#111030;
scrollbar-3dlight-color:#c0c0c0;
scrollbar-darkshadow-color:#c0c0c0;
scrollbar-track-color:#010101;
scrollbar-arrow-color:#ff0000;
}
--></style>