Comunidad de diseño web y desarrollo en internet online

Quitar opacidad del contenido de un div. CSS

Citar            
MensajeEscrito el 24 Ago 2007 02:07 pm
Hola! soy novata en esto de los CSS :oops:

mi problema es el siguiente:

tengo un estilo el cual le da opacidad o transparencia a un DIV, en éste coloco imagenes y letras ya que funciona como contenedor... lo que sucede es que todo lo que está dentro del div queda tranparente, es decir esas imagenes y letras y es justamente lo q no quiero!

por lo que le aplique una opacidad del 99%, de modo que tenga su color real... pero no funciona :(

el codigo que utilizo para aplicar la famosa opacidad es:

filter:alpha(opacity=70); /* opacidad para ie*/
-moz-opacity:.70; /*opacidad para firefox*/

¿que puedo hacer para que lo conenido dentro del div no quede transparente al igual que el?

plis!

Por arwen

0 de clabLevel



Genero:Femenino  

open("Venezuela.php")

firefox
Citar            
MensajeEscrito el 24 Ago 2007 06:43 pm
Opacity es una propiedad que se hereda del elemento parent obligatoriamente. Es decir, no hay forma de que el hijo quede sin tranparencia. Está contemplado para ser arreglado con CSS3 u_u (por que ademas las propiedades que presentas arriba son propietarias, y solo serviran para ie o Firefox)

Por ahora puedes usar un png32 con tranparencia como fondo del div, y usar el hack para ie6.

Saludos.

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 25 Ago 2007 04:35 am
Cuando uno agrega transparencia, todo se pone transparente, no puedes hacer lo que buscas. Pero puedes emularlo.
Usa un png de 32bit con transparencia, eso te permitirá tener el contenido a opacidad 100%.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 14 Mar 2012 07:46 am
Se que el tema es muy antiguo pero ya que es la primera búsqueda que arroja google cuando tipeas "anular transparencia css" y dado que nadie aportó con alguna solución real al problema, quise aportar con lo que encontré en un foro en inglés... esto me ayudó...

en vez de utilizar la propiedad:

Código :

opacity:0.6;

con css3 ahora se utiliza:

Código :

background-color:rgba(255,255,255,0.5);

y con eso haces tu fondo blanco transparente sin afectar nada más.
o si lo quieres en negro puedes probar con:

Código :

background-color:rgba(0,0,0,0.5);

Solo es cuestión de ir jugando con los cuatro valores. Los 3 primeros son las gamas de colores donde los valores permitidos son enteros entre 0 y 255 y el cuarto valor es la transparencia que puede estar entre los valores decimales de 0 a 1.

Espero esto ayude a alguien más. :D

Saludos

Por sant3001

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Mar 2012 02:04 pm
Lo que pasa esque en el 2007 no existía el rgba en css ^^

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.