问题在于opacity是它也会影响内容，而通常您不希望这种情况发生。
如果您只想让元素透明，那么真的很简单：
background-color: transparent;
但如果你希望它是彩色的，你可以使用：
background-color: rgba(255, 0, 0, 0.4);
或者定义一个背景图像（1px by 1px）用右边保存alpha.
（为此，请使用Gimp, Paint.Net或任何其他允许您执行此操作的图像软件。
只需创建一个新图像，删除背景并在其中添加半透明颜色，然后将其保存为 png 即可。）
正如所说René https://stackoverflow.com/users/449444/rene-geuze，最好的办法是将两者混合起来，rgba第一个和1px by 1px如果浏览器不支持 alpha ，则将图像作为后备：
background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);
See also : http://www.w3schools.com/cssref/css_colors_legal.asp http://www.w3schools.com/cssref/css_colors_legal.asp.
Demo : 我的 JSFiddle http://jsfiddle.net/APSnL/68/
