Hola otra vez :
Gracias
kahlito, me alegra que te guste el código.
JavierB : en el mensaje anterior no te agradecí la claque de
smilies, aprovecho para hacerlo ahora.
Este último truco apareció con el
IE5.5 y es ignorado por versiones anteriores; yo lo estaba viendo con
IE5, por eso no me funcionaba. ( Hay días en que no tendría que levantarme de la cama ... ).
Una breve introducción. Si bien es posible hacer transparente el fondo o los botones de la barra de desplazamiento del documento, ésto no tiene mucha utilidad, ya que el principal uso para este efecto es que se vea la imagen de fondo del mencionado documento; lo que en
Internet Explorer es imposible : el documento termina donde empieza la barra y lo único que se podrá ver entonces, es el color de fondo de la ventana.
Así las cosas, hay que recurrir al mismo método de los ejemplos anteriores; es decir : meter el contenido de nuestra página en un 'contenedor' ( en este caso un
DIV ) que esté dentro de un
BODY con imagen de fondo. Si el
DIV tiene
scrollbars transparentes, va a dejar ver el fondo del documento.
Código:
<HTML>
<HEAD>
<TITLE> SCROLLBAR TRANSPARENTE.</TITLE>
<STYLE>
.contenedor{padding:10px 15px;
filter: progid:DXImageTransform.Microsoft.Chroma(color='#ABCDEF');
scrollbar-face-color:#ABCDEF; /*scrollbar-track-color:#ABCDEF;*/
width:100%; height:100%; overflow:auto}
</STYLE>
</HEAD>
<BODY background="http://www.forosdelweb.com/images/a/header_calendario.gif" scroll=no
leftmargin=0 topmargin=0 marginheight=0 marginwidth=0>
<div class=contenedor>
<h2>Bloque <tt>div</tt> con barra de desplazamiento transparente.</h2>
<h1>Qwertyuiop<p>.<p>Qwertyuiop<p>.<p>Qwertyuiop<p>.<p>Qwertyuiop<p>.
<p>Qwertyuiop<p>.<p>Qwertyuiop<p>.<p>Qwertyuiop</h1>
<h3>Fin.</h3>
</div>
</BODY>
</HTML>
Últimas recomendaciones. El fondo mosaico debería ser una textura por razones obvias; cualquier parte del
scrollbar puede ser transparente, pero solo son útiles
face o
track también por razones obvias; ni hablar de las obvias razones para no repetir dentro del 'contenedor' el mismo color que estemos "tranparentando" con el filtro ( en el ejemplo :
#ABCDEF ).
Usando
track y dándole al
DIV un color de fondo, se consigue el efecto
background-image para la barra de desplazamiento.
Felicidades
furoya