css不透明度不起作用

时间:2015-10-30 18:30:15

标签: html css

我在这里缺少什么?不透明似乎什么都不做。我已经尝试过hex / rgba而且没有变化。我已经将类添加到tr和td。没有变化......

尝试1:

.done{
    background-color: rgba(0,175,51,5);
    color:white;
    opacity: 50;
    filter:Alpha(Opacity=50);
}

尝试2:

 .done{
    background-color:#00AF33;
    color:white;
    opacity: 50;
    filter:Alpha(Opacity=50);
 }

<table align='left' width='95%' class='childTasks'>
   <tr class='done'>
    <td id='1' class='childData done' width='15%'>Frank</td>
   </tr>
</table>

Fiddle

1 个答案:

答案 0 :(得分:2)

不透明度是0到1之间的值。尝试0.5

.done {
    background-color: rgba(0, 175, 51, 100);
    color:white;
    opacity: 0.25;
    filter:Alpha(Opacity=50%);
}
<table align='left' width='95%' class='childTasks'>
    <tr class='done'>
        <td id='1' class='childData done' width='15%'>Frank</td>
    </tr>
</table>