Foros del Web » Creando para Internet » CSS »

quitar opacidad a div con fondo de color

Estas en el tema de quitar opacidad a div con fondo de color en el foro de CSS en Foros del Web. hola, me gustaria saber como hacer para quitarle opacidad a un div con color de fondo para que se vea el fondo principal, es decir ...
  #1 (permalink)  
Antiguo 29/10/2009, 16:46
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 9 años, 3 meses
Puntos: 2
quitar opacidad a div con fondo de color

hola, me gustaria saber como hacer para quitarle opacidad a un div con color de fondo para que se vea el fondo principal, es decir añadirle transparencia. aqui el código que tengo hasta ahora por si les interesa

.fotos {
width:610px;
margin-left:85px;
background-color:#36F;

}


saludos y gracias de antemano
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #2 (permalink)  
Antiguo 29/10/2009, 17:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: quitar opacidad a div con fondo de color

Opacity
Para la mayoría de navegadores:
Cita:
opacity: .5;
Para ie6/ie7:
Cita:
filter: alpha(opacity=50);
y para ie8:
Cita:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)";
Y si quieres agrupar en una declaración conjunta las dos de los ie importante poner primero la de ie8 y después la otra.

Un saludo

P.D.: cambia el valor .5 (equivale a 0.5) por el valor que necesites. Rango: de 0 a 1 donde 0 equivale a total transparencia* (equivaldría a visibility:hidden) y 1 a totalmente opaco.

* no confundir la palabra "transparencia" con el valor 'transparent" de css
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 29/10/2009, 23:58
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: quitar opacidad a div con fondo de color

algo me dice que necesitaras esto igual
http://araudi.net/ejemplos/transparencia.html
  #4 (permalink)  
Antiguo 30/10/2009, 05:05
 
Fecha de Ingreso: abril-2008
Mensajes: 144
Antigüedad: 9 años, 8 meses
Puntos: 1
De acuerdo Respuesta: quitar opacidad a div con fondo de color

buenas creo que es esto lo que buscas.. mas info en:
http://www.quirksmode.org/css/opacity.html

.opaque1 { // for all other browsers
opacity: .5;
}

.opaque2 { // for IE5-7
filter: alpha(opacity=50);
}

.opaque3 { // for IE8
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)";
}

IE compatibility note

If you want opacity to work in all IE versions, the order should be:

.opaque {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)"; // first!
filter: alpha(opacity=50); // second!
}
__________________
La mejor manera de aprender es equivocandote :)
www.diwebvic.com
  #5 (permalink)  
Antiguo 30/10/2009, 06:09
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: quitar opacidad a div con fondo de color

gracias a todos por la ayuda, yo hice algo talque asi, nose si andare por el buen camino

.marcotransparente{

background-color:#FFF;
border:#FFF solid;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #6 (permalink)  
Antiguo 30/10/2009, 13:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: quitar opacidad a div con fondo de color

O alexk y kseso? no han entendido tu pregunta, o tú no has entendido la respuesta: si haces lo que dices, todo los que contenga esa caja (.marcotransparente) tendrá la misma opacidad que ella, lo que será un problema en algunos casos, como para poner texto por ejemplo (posiblemente tu próxima consulta).
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 30/10/2009, 13:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: quitar opacidad a div con fondo de color

Te doy mi palabra, Mik, de que tuve que leer dos veces su consulta inicial, y que me has hecho volverla a leer otra vez ahora.

Es cierto que el título parece indicar una cosa (quitar opacidad= ya tenía aplicada opacity y quiere que desaparezca el grado de "transparencia" que otorga esa propiedad), pero en el desarrollo del tema dice lo mismo y lo contrario:
Cita:
hola, me gustaria saber como hacer para quitarle opacidad a un div con color de fondo para que se vea el fondo principal, es decir añadirle transparencia
¿Estaremos ante una situación "profúndamente superficial" que requerirá una "demostración falsa"?

Próximamente lo sabremos
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 30/10/2009, 13:35
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: quitar opacidad a div con fondo de color

ya me lie
  #9 (permalink)  
Antiguo 31/10/2009, 17:37
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: quitar opacidad a div con fondo de color

jaja hola amigos, nose pero creo que se liaron solos, me valió con sus respuestas, yo solo queria que se transparentase un div para que se viese el fondo de abajo(una imagen) lo puse tal y como os lo puse antes, y asi me funciona en mozilla bien. saludos y gracias a todos
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #10 (permalink)  
Antiguo 01/11/2009, 02:30
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: quitar opacidad a div con fondo de color

Cita:
Iniciado por alexk Ver Mensaje
ya me lie
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 11:24.