| |||
<body style="background:urltuimagen.jpg); background-Repeat:no-repeat; background-Attachment:fixed; background-position: center center;"> Siempre utilizo esto y funciona muy bien. Tambien para tablas o DIV... o lo que quieras. Puede sustituir center por right, left, top bottom o inclusive por px o pt. P.E.: background-position: 50px center; Para la transparencia de la imagen , no se si terefieres a que puedes poner un simple gif o tambien si lo que quieres es que esa imagen tenga un porcentaje de transparencia puedes utilzar filter:opacity="valor" (Esto es más o menos) si te interesa busco algo de lo que tenga por ahí y te lo envío. Espero que te sirva. |
| |||
style="background:url(tu_imagen.jpg); background-Repeat:no-repeat; background-Attachment:fixed;background-position: center center;"> Perdona, es que me comí el principio del código. |
| |||
Vamos por partes. Para que el Background sea transparente. Como sería una propiedad de <body> pondría todo lo que sale en el nivel de transparencia que tu eligas. Por otro lado es inutil que la última imagen(que evidentemente siempre es la imagen "Background") le quieras dar transparencia pues lo único que vas a conseguir es que cambie el color ligeramente. Ejemplo: Si el fondo es blanco y pongo por imagen un cuadro negro con un porcentaje de transparencia dl 50%... obtendré el mismo cuadro pero gris... verdaderamente inutil. Puedes prepara la imagen con cualquier programa como PSP, Corel, hay siete mil. Para poner transparencias a disintas imagenes., es otro cosa. El codigo es: style="filter:alpha(opacity=50);". En este caso obtendremos el 50% de transparencia. Por ejemplo, para controlar el evento onmouse over y que cambie y poco el color de la imagen. onmouseover="this.style.filter='alpha(opacity=50) Para ver un ejemplo visita esta página que hice hace unos meses: www.shirohelmet.com entras en la versión española. Eliges en el menú "cascos" Picas en Speed full face y al pasar por encima de los cascos verás el funcionamiento de onmouseover..."Alpha". De todas formas siempre puedes utilizar en el estilo de la imagen la posición absoluta. Ejemplo <img style="position:absolute;left:5px;top:5px; filter:alpha(opacity=50);" src="tu_ imagen.gif"> Ahora veremos a tu imagen en el 5x5 de posición y con un transparencia del 50%.. BUeno si te hace falta alguna aclaración... Avisa. |