Aplicar transparencia solo al color de fondo, no a la letra ni border

richicasas · #1 (**permalink**) 20/10/2009, 23:46

Hola a todos, resulta que estoy aplicando una transparencia a un menu y debo poner un borde inferior blanco, pero con la transparencia se me pone muy claro casi sin verse, el texto tambien se me baja el color un poco, como puedo hacer para aplicar la transparencia pero que el texto ni el borde se vean afectados??, gracias.

Código PHP:

  width:210px; 
    height: 19px; 
    display:block; 
    text-align:left; 
    color:#003366; 
    font-weight:bold; 
    margin-top:10px; 
     background:url(tranps.png)  repeat; 
     border-bottom: solid 2px #FFFFFF; 
    -moz-opacity:0.7; 
    font-family:"BankGothic Md BT"; 
    font-size:13px;

kseso? · #2 (**permalink**) 21/10/2009, 04:27

"Opacity" se hereda y afecta a todo.
Alternativas:
Simular que hay contenedores dentro de él pero sin estarlo (un ejemplo)
Utilizar "background: RGBA...". Nota: es css3 y las últimas versiones de varios navegadores sí lo soportan, pero ninguno de los ie.

Un saludo

richicasas · #3 (**permalink**) 21/10/2009, 05:09

Muchas gracias por la aclaración. Mejor opto porque se afecte todo.