2011-03-04 80 views
-1

我有OT下面的CSS让我的表格单元格的背景透明CSS transparancy问题

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

的问题是,这种透明性也使得文本透明。我怎样才能使它只针对背景。或者如何在我的<span>中骑过它。我已经厌倦了在我的文字<span>s中将占位符设置为100,但它不会覆盖它。文本仍然出来的透明

编辑:我使用的是IE6

+1

请在提问之前使用搜索。这是一个非常常见的问题,请尝试http://stackoverflow.com/questions/4788564/transparency-and-text-problem/4788642#4788642 – Tarun 2011-03-04 12:17:57

回答

4

你想用rgba颜色,它可以让你设置颜色的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 */ 
+0

它不支持IE6,我不得不使用 – code511788465541441 2011-03-04 11:50:08

+0

我编辑了包含过滤器的答案对于IE – 2011-03-04 12:07:51

+0

有效。但是当我更改rgba()的最后一个值时,透明度不会改变。你如何改变它? – code511788465541441 2011-03-04 13:08:16