表格单元格透明度或半透明度

我试图找到一种方法来使单元格透明或半透明。下面的代码应该工作，但不会：表格单元格透明度或半透明度

<html> 
 
    <style> 
 
     op { 
 
      opacity:0.3; 
 
      filter:alpha(opacity:30) 
 
     } 
 
    
 
    </style> 
 
    <body background="background.jpg" style="background: black;"> 
 
    
 
    <table border="1" width="100%" height="222"> 
 
    \t <tr> 
 
    \t \t <td class="op" bgcolor="#FFFFFF" height="216">&nbsp;</td> 
 
    \t </tr> 
 
    </table> 
 
    
 
    </body></html>

来源

2017-09-05 Copper Colby

您没有正确定义的CSS类，类定义必须以点开始，你的情况.op。

此外，您在混合CSS和HTML属性，你应该只仅CSS（请注意，HTML标记定义不以一个点开始）：

<html> 
 
    <style> 
 
     body { 
 
     background-image: background.jpg; 
 
     background-color: black; /* for testing without the image*/ 
 
     } 
 

 
     table { 
 
      border: 1px; 
 
      width: 100%; 
 
      height: 222px; 
 
     } 
 

 
     td { 
 
     height: 216px; 
 
     } 
 

 
     .op { 
 
     opacity:0.3; 
 
     filter:alpha(opacity:30); 
 
     background-color: #FFFFFF; 
 
     } 
 
    </style> 
 
    <body> 
 
    
 
    <table> 
 
    \t <tr> 
 
    \t <td class="op">&nbsp;</td> 
 
    \t </tr> 
 
    </table> 
 
    
 
    </body></html>

来源

2017-09-05 20:34:07

表格单元格透明度或半透明度

回答

相关问题