如何在CSS中使div背景颜色透明
我没有使用CSS3。 所以我不能使用opacity或filter属性。 如果不使用这些属性，我怎样才能让div的background-color透明？ 它应该是这种链接中的文本框示例。 这里文本框的背景颜色是透明的。 我想要做同样的事情，但不使用上面提到的属性。
不透明给你半透明或透明度。 在这里看到一个例子小提琴。
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7 */
-moz-opacity: 0.5; /* Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity: 0.5; /* Good browsers */
注意：这些不是CSS3属性
请参阅http://css-tricks.com/snippets/css/cross-browser-opacity/
opacity的问题在于，它也会影响内容，常常不希望发生这种情况。
如果你只想让你的元素变得透明，那么它就像下面这样简单：
background-color: transparent;
但是如果你想让它变成彩色的，你可以使用：
background-color: rgba(255, 0, 0, 0.4);
或者定义一个背景图片（ 1px × 1px ），并保存右边的alpha 。
（要这样做，请使用Gimp ， Paint.Net或任何其他图像软件，以便您可以这样做。
只需创建一个新图像，删除背景并在其中放入半透明颜色，然后将其保存为png。）
正如René所说，如果浏览器不支持alpha，最好的做法是将两者都与rgba首先混合，然后将1px和1px图像作为后备混合：
background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);
另见 ：http://www.w3schools.com/cssref/css_colors_legal.asp。
演示 ：我的JSFiddle
透明是背景色的默认值
http://www.w3schools.com/cssref/pr_background-color.asp
链接地址: http://www.djcxy.com/p/88935.html