CSS透明度问题

时间:2011-03-04 11:35:49

标签: css

我有以下css使我的表格单元格的背景透明

background-color:black;
filter: alpha(opacity = 20);
问题是,这种透明性也使文本透明化。我怎样才能使它只针对背景。或者我如何在我的<span>中骑过它。我已经厌倦了在我的<span>s文本中将占用率设置为100,但它并没有覆盖它。文字仍然透明

编辑:我正在使用IE6

1 个答案:

答案 0 :(得分:4)

您想使用rgba颜色,它可以设置颜色的Alpha透明度:

background-color: rgba(0,0,0,0.2); /* == black 20% opacity */

在此处阅读rgbahttp://css-tricks.com/rgba-browser-support/

您可以对IE使用过滤器,所有浏览器的代码都是:

  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.2); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000'); /* IE6–IE9 */