CSS: 50% Прозрачный (Opacity) с твердой границей

Question

Можно только с CSS, чтобы иметь белый цвет фона и затем 50% плёнка с:

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

и до сих пор имеют твердый белый границы?

Answer 1

opacity относится ко всему элементу. Вы можете обернуть исходный элемент родительским элементом и поместить границу, или вы можете использовать rgba и применить непрозрачность к фону, а не всему элементу.

http://css-tricks.com/rgba-browser-support/

Answer 2

.transparent_class { background-color: rgba(255,255,255,0.5); border: 1px solid #FFF; }