Foros del Web » Creando para Internet » CSS »

Transparencia en CSS

Estas en el tema de Transparencia en CSS en el foro de CSS en Foros del Web. Hola a todos¡¡¡ Estoy haciendo una pagina web, y bueno con esto del mundial andaba navegando un dia en la web jeje y me encontre ...
  #1 (permalink)  
Antiguo 28/06/2010, 22:33
Avatar de halexander  
Fecha de Ingreso: abril-2010
Ubicación: En algun lugar de mexico xD
Mensajes: 59
Antigüedad: 7 años, 7 meses
Puntos: 0
Sonrisa Transparencia en CSS

Hola a todos¡¡¡

Estoy haciendo una pagina web, y bueno con esto del mundial andaba navegando un dia en la web jeje y me encontre con una pagina que me llamo mucho la atencion porque me gustaria aprender como hacer esa transparencia que tienen ahi de fondo, si alguien sabe como iniciar me gustaria saber como se hace, no creo que sea muy dificil espero jeje, bueno de antemano muchas gracias :)

la pagina es: http://www.fubolero.com/

  #2 (permalink)  
Antiguo 28/06/2010, 22:42
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Transparencia en CSS

pues cuando asignan fondo al DIV que desean ese tipo de fondo una imagen PNG que sea semi-transparente,esto no se hace con CSS,se hace editando la imagen y ya,saludos
  #3 (permalink)  
Antiguo 28/06/2010, 22:49
Avatar de halexander  
Fecha de Ingreso: abril-2010
Ubicación: En algun lugar de mexico xD
Mensajes: 59
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Transparencia en CSS

Cita:
Iniciado por joseomaker Ver Mensaje
pues cuando asignan fondo al DIV que desean ese tipo de fondo una imagen PNG que sea semi-transparente,esto no se hace con CSS,se hace editando la imagen y ya,saludos
Mmmm muy interesante, como no lo pense xD jejeje bueno ahorita pruebo haciendo una edicion en photoshop y comento :) gracias :)
  #4 (permalink)  
Antiguo 28/06/2010, 23:10
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Transparencia en CSS

bueno, en este caso si es una imagen PNG, pero de poder se puede con CSS...
tenemos la propiedad opacity CSS 3
  #5 (permalink)  
Antiguo 28/06/2010, 23:15
Avatar de halexander  
Fecha de Ingreso: abril-2010
Ubicación: En algun lugar de mexico xD
Mensajes: 59
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Transparencia en CSS

ya probe lo de la imagen, hice una en photoshop, con una opacidad para que se vira transparente de un color medio humo (el documento fue transparente de inico) pero no funciona, osea se ve transparente perooo no el efecto que io le doy sino asi como si no hubiera nada jejeje probare lo que dice alexk =) ahorita comento :)
  #6 (permalink)  
Antiguo 29/06/2010, 01:00
Avatar de halexander  
Fecha de Ingreso: abril-2010
Ubicación: En algun lugar de mexico xD
Mensajes: 59
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Transparencia en CSS

Cita:
Iniciado por joseomaker Ver Mensaje
pues cuando asignan fondo al DIV que desean ese tipo de fondo una imagen PNG que sea semi-transparente,esto no se hace con CSS,se hace editando la imagen y ya,saludos
Pff¡¡¡ que sope soy¡¡¡ jaja tu solucion me sirvio jose, lo que me faltaba era guardar la imagen como .png, la deje como .jpg pfff¡¡¡ gracias¡¡¡
  #7 (permalink)  
Antiguo 29/06/2010, 10:12
Avatar de minkweb  
Fecha de Ingreso: septiembre-2005
Mensajes: 443
Antigüedad: 12 años, 3 meses
Puntos: 14
Respuesta: Transparencia en CSS

La imagen te va a dejar tirado en IE6, te tocaria aplicar un js para fixear eso

con CSS te funciona en IE6 tambien...
__________________
Juegos
Juegos iphone
  #8 (permalink)  
Antiguo 29/06/2010, 12:30
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Transparencia en CSS

Cita:
La imagen te va a dejar tirado en IE6, te tocaria aplicar un js para fixear eso

con CSS te funciona en IE6 tambien...
nadie usa IE6,los que lo usan son solo viejas que usan la conexion solo para facebook,pero igual,buen punto,pero,el CSS3 no funciona en IE6 O.O(almenos no sin hacks ni parches)
Cita:
Cita:
pues cuando asignan fondo al DIV que desean ese tipo de fondo una imagen PNG que sea semi-transparente,esto no se hace con CSS,se hace editando la imagen y ya,saludos
Cita:
Pff¡¡¡ que sope soy¡¡¡ jaja tu solucion me sirvio jose, lo que me faltaba era guardar la imagen como .png, la deje como .jpg pfff¡¡¡ gracias¡¡¡
de nada ^^.
  #9 (permalink)  
Antiguo 29/06/2010, 12:44
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Transparencia en CSS

joseomaker
Cita:
nadie usa IE6,los que lo usan son solo viejas que usan la conexion solo para facebook,pero igual,buen punto,pero,el CSS3 no funciona en IE6 O.O(almenos no sin hacks ni parches)
mmmm, incorrecto pero ya se ah tratado miles de veces,
yo prefiero usar CSS y que almenos me invalide esa parte (con un comentario condicilnal y otra css valida) envez de usar un fix para el png que alenta la carga del sitio
  #10 (permalink)  
Antiguo 29/06/2010, 17:49
Avatar de minkweb  
Fecha de Ingreso: septiembre-2005
Mensajes: 443
Antigüedad: 12 años, 3 meses
Puntos: 14
Respuesta: Transparencia en CSS

Cita:
el CSS3 no funciona en IE6 O.O(almenos no sin hacks ni parches)
En todos los ie6 que he probado funciona la transparencia, no creo q todos tengan addons o hacks... en multipleIe tambien

podemos hacer pruebas si gustas para salir de dudas

Saludos ;)
__________________
Juegos
Juegos iphone

Etiquetas: transparencia
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 00:34.