CSS: 50% прозрачность (непрозрачность) со сплошной рамкой

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-браузер Поддержка /

Answer 2

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