Transparencia en el fondo div principal

Question

Me pregunto si es posible afectar el color bg u opacidad del div principal.

Tengo un div con este color blanco transparente:

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

El div contiene campos de texto con esquinas redondeadas, puede el color campos de texto fondo de alguna manera ser una transparencia número negativo por lo que la opacidad total de la div y textfield es igual a 0.5?

Es como mmore transparencia en un rec redondeado de un div ya transparente.

he llegado con 3 soluciones posibles:

1. Hacer DIC matriz completamente transparente y dibujar divs como un marco alrededor de los campos. (Suena muy complicado.)
2. Agregue el contenido debajo del div nuevamente, dentro del campo de texto. (¿Desempeño?)
3. Algún tipo de intersección.

¿Qué crees que debería hacer?

- Editar ---

que utiliza una variación de la solución # 2, he creado un archivo PNG. Aquí está (sin retocar) result (Haga clic en contáctenos para abrir el modal div). Es difícil de ver, debido a la borrosidad, pero la ventana también es transparente.

Nota esto está lejos de ser la mejor solución ya que hay que actualizar el png cuando actualizo el contenido debajo de él.

Answer 1

Si entiendo correctamente, desea abrir una ventana/agujero en el elemento primario div. Por lo que yo sé, no puedes hacer eso, porque el div está detrás de los cuadros de texto, y cualquier transparencia que apliques hará que el div se muestre a través de los cuadros, NO el contenido detrás del div.

Tal vez, en lugar de un color de fondo, se puede tomar la una imagen PNG transparente con dos agujeros que coinciden con los cuadros de texto div fondo, pero esto es una solución como la suya ... para usted respuesta rápida

Answer 2

Hasta donde yo sé, la transparencia aplicada a la div externa se aplicará a todo lo que está dentro de ella. No sé exactamente qué es lo que quieres lograr aquí, tal vez deberías publicar más código o una maqueta de jsfiddle.

Esto es lo que pude encontrar sobre el tema: http://css-tricks.com/384-non-transparent-elements-inside-transparent-elements/

EDIT: Para su problema lo que me gustaría probar (no estoy seguro si va a trabajar) es seguir una solución similar a la del enlace que he publicado antes . Tener dos divs separados colocados uno encima del otro. Le recomiendo que tenga el formulario con sus entradas transparentes en la capa superior, ¿quizás eso puede hacer algo por usted? No sé qué más decirle, la solución png no es la mejor, pero puede que necesite usar png aquí y allá.

Algo como esto quizá: http://jsfiddle.net/XnATc/21/

Answer 3

Johannes Lund

Sí se debe utilizar archivos de imagen PNG para esta demás cosas va a ser muy complicado, con un código de colores hexagonal y sus matemáticas.