Наложение: полупрозрачная кайма, непрозрачная внутренняя область - как

Question

Я хотел бы создать прямоугольное наложение, где граница полупрозрачна, а внутренняя область не прозрачна.

Если я настрою параметр opacity внешнего div (который содержит границу) - тогда все внутренние элементы также станут прозрачными, что нежелательно.

Пожалуйста, совет.

Answer 1

Попробуйте это вместо использования непрозрачности, если вы согласны с использованием CSS3:

border: 2px solid rgba(255, 0, 0, 0.5);

Это должно дать вам сплошной красный цвет, прозрачный на 50%. Посмотрите это вступление к rgba , если вам нужна дополнительная информация.

EDIT

Если вы не используете фактическую рамку, обратите внимание, что rgba можно использовать в любом месте, где CSS ожидает цвет, например background-color .