Buenos días,

Intento implementar una técnicas de esquinas redondeadas basada en CSS que
esté documentada y sea accesible [1], etc.

¿ Alguien tiene una idea clara de como implementarlo, de modo que las
esquinas de esta caja sean transparentes y dejen ver el fondo (un degradado)
de la web en cuestión ?

Lo he intentando con el siguiente código pero usando esquinas png con
transparencias, no consigo el efecto, ya que la transparencia muestra el
elemento anterior, de color sólido. Agredezco cualquier orientación al
respecto,

tengo este html:

    <div class="boxpruebas">
         <div class="box_externa">
            <h2>Caja de pruebas</h2>
        </div>

            <div class="box_interna">
                <p>Esto es una caja que usa la tecnicas de sliding doors de
Bowman</p>
        </div>
     </div>

con este css:

 .boxpruebas {
     float: left;
     margin: 0 auto;
    width: 30em;
    background:#fff url(../img/tmp/backblue.png) no-repeat bottom right;
 }

.box_externa {
    background: url(../img/tmp/red.png) no-repeat top right;
    margin: 0; padding: 0;
    border-bottom: 1px solid green;
}

.box_interna {
    background: url(../img/tmp/red.png) no-repeat 0 100%;
    margin: 0;
    padding: 1px 0;
}

.boxpruebas h2 {
    margin: 0; padding: 0;
    background: url(../img/tmp/verde.png) no-repeat 0 0;
}

.boxpruebas h2, .boxpruebas p {
    padding: 1em;
}

les agradezco de antemano la ayuda,
chr5

[1] http://www.vertexwerks.com/tests/sidebox/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a