css - 与 IE-8 兼容的部分彩色表格单元格

Question

请访问:Plnkr.co

<table id="customers">
<tbody>
  <tr>
    <th>Sales</th>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>12%</td>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
.... ....
</tbody>
</table>

我需要根据百分比在“销售”列的单元格中部分填充颜色，并兼容 IE-8。

请帮忙。提前致谢。

Answer 1

您需要使用 jquery 来实现此目的。看看下面的jquery。我正在获取 td 值并将其分配给具有背景颜色的 div。

 $(document).ready(function(){    
   $("#customers tr td:first-child").each(function(){        
    var textval = "<div class='bg' style='width:"+$(this).html()+"'>&nbsp;</div>";        
    $(this).html(textval);
   });
 });

DEMO