疊加層：半透明邊框，不透明內部區域 - howto

Question

我想創建一個矩形疊加層，邊框是半透明的，內部區域不透明。

如果我調整外部div（包含邊框）的opacity參數 - 比所有內部元素也變得透明，這是不需要的。

請指教。

Answer 1

試試這個，而不是使用不透明，如果你是好的使用CSS3：

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

這應該給你堅實的紅色是50％透明。如果您需要更多信息，請查看this intro to rgba。

編輯

如果您使用的不是實際的邊界，注意，RGBA可以在CSS需要一個顏色，像背景色任何地方使用。