Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/03/2013, 04:39
Avatar de NestorCss
NestorCss
 
Fecha de Ingreso: diciembre-2010
Ubicación: Las Palmas
Mensajes: 16
Antigüedad: 13 años, 11 meses
Puntos: 1
Respuesta: Duda con Opacity

Cita:
Iniciado por serenhopy Ver Mensaje
Tienes que poner otro div sin fondo (de las mismas medidas y las mismas propiedades a excepción del fondo) dentro del div que tiene "opacity: 0.7", y poner el contenido que quieres que se vea opaco dentro de este div.
La otra opción es hacer una imagen con poca opacidad y guardarla en un formato que conserve la transparencia (por ejemplo .png o .gif).
Si de fondo del div tienes un color, eso de la imagen no te lo recomiendo, pero si tienes una imagen, si, pues esa misma imagen le pones menos opacidad y la guardas en .png.

Espero haberte ayudado!
Gracias serenhopy por responderme, el fondo esta en body, pero el fondo que tiene el div que tiene opacity es de color blanco. Hice la primera opción que me comentaste pero no me ha funcionado y lo de la imagen con poca opacidad, si la pusiera no se quedaría igual el background del body. Asi que ya no se ni que hacer xDD.


EDITO:

Cita:
Iniciado por Bonez Ver Mensaje
Cualquier elemento que pongas dentro de ese, heredará la opacidad.

La solución más común y más actual, es no usar opacity y usar un color de fondo transparent, usando rgba() que contiene un canal alfa, el cual no se heredará lógicamente.

Código CSS:
Ver original
  1. div {
  2.   background-color: rgba(0,100,0,0.5);
  3. }
Con esta opción si se quito pero el único problema es que el fondo del div y el fondo del body se fusionaron, osea que no se ve realmente blanco, ahora se ve verde jajajaja! pero transparente.

Saludos!