【问题标题】:CSS transparancy questionCSS 透明度问题
【发布时间】:2011-07-08 18:27:21
【问题描述】:

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

background-color:black;
filter: alpha(opacity = 20);

问题是,这种透明度也使文本透明。我怎样才能让它只针对背景。或者当我在我的<span> 中时,我该如何超越它。我已经厌倦了在我的<span>s 中将文本设置为 100,但它并没有覆盖它。文字仍然是透明的

编辑:我使用的是 IE6

【问题讨论】:

标签: css


【解决方案1】:

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

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

在此处了解rgba:http://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 */

【讨论】:

  • IE6 不支持,我必须使用
  • 行得通。但是当我更改 rgba() 的最后一个值时,透明度不会改变。怎么改?
猜你喜欢
  • 2013-11-02
  • 1970-01-01
  • 2014-03-23
  • 2019-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-21
  • 1970-01-01
相关资源
最近更新 更多