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

我試圖找到一種方法來使單元格透明或半透明。下面的代碼應該工作，但不會：表格單元格透明度或半透明度

<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

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

回答

相關問題