Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ccrunch en 12 Abril 2014, 23:01 pm



Título: Quitar transparencia a un div, con body transparente
Publicado por: ccrunch en 12 Abril 2014, 23:01 pm
La historia es la siguiente. Al body le tengo aplicada esta propiedad:
Código
  1. filter:alpha(opacity=50); opacity:0.7;
Tengo un DIV dentro del body, y dentro del DIV un FORM para un formulario de contacto.
Pues el body ya tiene la transparencia que debe, pero quiero que el formulario tenga 0% de transparencia y no lo consigo de ninguna manera.

Le he puesto opacidad 0 a FORM y nada, lo he metido dentro de un DIV y a ese DIV le di opacidad 0 y tampoco. Eso sí, si la opacidad la aumento funciona. Sospecho que una vez esté dentro de un elemento con X opacidad, no puedes poner menos de la que tiene, pero sí más.

No sé como arreglarlo, se os ocurre algo?

Salu2


Título: Re: Quitar transparencia a un div, con body transparente
Publicado por: #!drvy en 12 Abril 2014, 23:08 pm
No puedes. Opacity afecta a todos los hijos. Usa colores rgba (css3).

Código
  1. body { background:rgba(255, 255, 255, 0.7); }

http://caniuse.com/#search=rgba

Saludos