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

Question

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

如果我调整外部div（包含边框）的opacity参数 - 比所有内部元素也变得透明，这是不需要的。

请指教。

Answer 1

试试这个，而不是使用不透明，如果你是好的使用CSS3：

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

这应该给你坚实的红色是50％透明。如果您需要更多信息，请查看this intro to rgba。

编辑

如果您使用的不是实际的边界，注意，RGBA可以在CSS需要一个颜色，像背景色任何地方使用。