叠加：半透明边框，非透明内部区域 - howto

Question

我想创建一个矩形叠加，其中边框是半透明的，内部区域不透明。

如果我调整外部opacity的{​​{1}}参数（包含边框），那么所有内部元素也会变得透明，这是不需要的。

请建议。

Answer 1

尝试使用不透明度，而不是使用不透明度，如果你没有使用CSS3：

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

这应该给你50％透明的纯红色。如果您想了解更多信息，请查看this intro to rgba。

修改

如果您没有使用实际边框，请注意rgba可以在CSS需要颜色的任何地方使用，例如 background-color 。