IE8表行梯度过滤器不在表格单元格中显示

Question

简短版本：我已将渐变过滤器设置为<tr>标记，但在IE8中，子<td>和<th>标记完全忽略它，无论它们的背景属性是什么

以下是我正在查看的示例：http://jsfiddle.net/FlashbackJon/NqkGv/3/

通常情况下，我只是将它应用于表格单元格标签，但是我现在已经很清楚了（来自countless topics），过滤器会在元素背景内容之上呈现，包括边框，我需要表格边框到位并折叠。我正在使用HTML5文档类型，公司标准是IE8，适用于大多数最终用户。

我试图保持它没有图像，并且非常想避免不必要的HTML。如果根本无法使行渐变可见，我可能不得不诉诸于此。

Answer 1

来自：http://msdn.microsoft.com/en-us/library/ms532847.aspx

  

不能应用过滤器和过渡的特定元素包括：

     

  
• 嵌入和applet元素
  
• 选择和选项表单元素
  
• tr ，tHead，tBody和tFoot表格元素
  

Answer 2

无法使行渐变可见，它只是不适用于tr标记。

Answer 3

渐变在某种程度上对您的布局至关重要吗？我建议只为IE8完全删除它 - 可能性不会被破坏，只是不同。

IE中的过滤器具有很高的性能成本 - 所以当你真正需要它们时应该使用它们。我认为表格行的背景颜色可能不是其中之一。您的网站运行速度更快，您的用户也会感到高兴。

Answer 4

如果是水平渐变，则可以将其应用于TD而不是TR。它会工作，看起来一样。 TR在旧版IE中不被视为“真实”元素，它们就像是TD的抽象容器。 TD虽然风格很好。