Quiero un semi transparente div para una mejor legibilidad de los contenidos del sitio web, a través de mi imagen de fondo. El div tiene las esquinas redondeadas, y estoy teniendo problemas con la combinación que con la transparencia

¿Cómo puedo hacer esto con CSS?

  • Que cuadro de ¿quieres ser semi-transparente? El uno con la imagen de fondo con las esquinas redondeadas? Bien – hacer que la imagen semi-transparente!
  • opacity intentar que
InformationsquelleAutor Rumanoid | 2014-02-22

6 Comentarios

  1. 7

    Podría acabo de actualizar tu css y correcciones de errores :

    .TextBOx{
      -moz-border-radius:30px;
      -webkit-border-radius:30px;
      border-radius:30px;
      border: #solid 10px #000;
      background-color: rgba(105,100,100,0.8);
      width:80%;
      margin-left: auto ;
      margin-right: auto ;
    }

    Goed así ?

  2. 0

    Puede utilizar opacity:0.5; para hacer que el objeto de la mitad transparente. Formulario de 0 a 1 (100%). Pero que va a hacer que los niños transparente también. Así que usted puede utilizar un sistema transparente de Color de fondo. Como este: background-Color:rgba(255,255,255,0.5); por un medio transparente con Fondo blanco.

  3. 0

    Usted podría utilizar opacity o rgba() para definir el color de fondo.

    Opacidad x-navegador ejemplo:

    -ms-filter: "alpha(opacity=50)"; /* IE8 */
    filter: alpha(opacity=50); /* Old IE */
    -khtml-opacity: 0.50; /* Old Safari */
    -moz-opacity: 0.50; /* Old Firefox, Netscape */
    opacity: 0.50; /* Standard */

    RGBA Ejemplo:

    background-Color:rgba(255,255,255,0.5);
    *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); /*Old IE*/
  4. 0

    Tratar de opacidad.

    div.semiTrans{
      opacity:0.8;
    }

    Para viejos es decir, usted también necesitará filter:alpha(opacity=80).

    Quir}{smode es una buena referencia. El tipo es también de los países Bajos.

Dejar respuesta

Please enter your comment!
Please enter your name here