如何在CSS中使div背景颜色透明

我没有使用CSS3。所以我不能使用opacity or filter属性。如果不使用这些属性，我怎样才能使background-color透明的一个div？它应该是这样的文本框示例link http://www.w3schools.com/css/tryit.asp?filename=trycss_transparency。这里的文本框背景颜色是透明的。我想做同样的事情，但不使用上述属性。

问题在于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/