Hola a todos, tengo este codigo que genera una capa flotante centrada en la parte inferior del sitio:
<head>
<style>
body {
margin:0px;
background: #003300;
}
.fixed{
position:fixed;
bottom:0px;
width:100%;
text-align:center;
}
.fixed div{
margin:0 auto;
width:990px;
height:27px;
background:red;
padding:3px;
border-right: 4px #000000 solid;
border-top: 4px #000000 solid;
border-left: 4px #000000 solid;
}
</style>
</head>
<body>
<div class="fixed" >
<div>caja roja centrada</div>
</div>
</body>
Como pueden ver la capa tiene un borde de 4px, mi pregunte para alguien que sepa de CSS es como lograr que ese borde sea transparente, es decir jugar con la opacity, si alguien puede ayudarme le agradezco. Saludos