Foros del Web » Creando para Internet » CSS »

Imagen transparente

Estas en el tema de Imagen transparente en el foro de CSS en Foros del Web. ...
  #1 (permalink)  
Antiguo 16/03/2003, 07:05
Avatar de alsapa  
Fecha de Ingreso: enero-2002
Mensajes: 53
Antigüedad: 15 años, 10 meses
Puntos: 1
Imagen transparente


Última edición por alsapa; 17/07/2004 a las 03:42
  #2 (permalink)  
Antiguo 16/03/2003, 11:42
Avatar de Yoshiro  
Fecha de Ingreso: marzo-2003
Ubicación: México DF
Mensajes: 127
Antigüedad: 14 años, 9 meses
Puntos: 0
porque no pones esto para que solo el texto o contenido de tu paginase mueva, no se si te sirva asi

<body background="imagen.jpg" style="background : fixed;" >

y despues pon este estilo para que se centre la imagen:

<style type="text/css">
<!--
body { background-attachment: fixed; background-image: url(imagen.jpg); background-repeat: no-repeat; background-position: center center}
-->
</style>


espero que te sirva saludos
__________________
  • 8 años diseñando para internet :borracho: y aun soy un novato.
  • Ahora explorando el lado de merca y publi crece mas mi :corazon: creativo.
  #3 (permalink)  
Antiguo 16/03/2003, 14:13
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 15 años
Puntos: 0
<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.

  #4 (permalink)  
Antiguo 16/03/2003, 14:15
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 15 años
Puntos: 0
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.
  #5 (permalink)  
Antiguo 17/03/2003, 05:37
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Movido al sub-foro de css

  #6 (permalink)  
Antiguo 17/03/2003, 07:10
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 15 años
Puntos: 0
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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:32.