IE8表行渐变过滤器不显示在表单元格

问题描述:

简短版本:我已经设置了一个梯度过滤器到<tr>标记,但在IE8中,子标记<td><th>标记完全忽略它,不管它们的背景属性是什么。IE8表行渐变过滤器不显示在表单元格

这里是我要找一个例子:http://jsfiddle.net/FlashbackJon/NqkGv/3/

通常情况下,我只能将其应用到表格单元格的标签,但我现在很好感知(从countlesstopics),过滤器渲染在元素背景内容(包括边框)的顶部,我需要表格边框并折叠。我使用的HTML5文档类型和公司标准是IE8的大部分最终用户。

我试图保持它的免费图像,并会拼命想要避免不必要的HTML。如果没有办法使行渐变可见,我可能不得不求助于此。

有没有办法让行梯度可见,它只是不适用于TR标签。

+0

这就是我以为发生了什么。谢谢! – FlashbackJon 2012-04-11 16:59:25

渐变在某种程度上对你的布局来说至关重要吗?我会建议完全放弃IE8 - 几率是不会被打破,只是不同。

过滤器在IE具有较高的性能成本 - 所以,当你真的需要它,他们应该被使用。我认为背景颜色对于表格行来说可能不是其中之一。您的网站的表现会更快,您的用户也会同样开心。

+0

布局的关键?不,只是建立到设计师的规格。 :) – FlashbackJon 2012-04-11 16:58:28

如果它是一个水平梯度,可以将其应用到TD的而不是红素。它会工作,看起来一样。在较老的IE中,TR不被视为“真实”的元素,它们就像一个抽象的TDs容器。尽管如此,运输署的风格很好。

+0

你真的不明白他的问题。他的问题是他想要在他的桌子上放置边框,如果他在TD上使用过滤器,它会覆盖边界,所以你的建议已经在他的问题中提到,并且被驳回为不合适。 – 2012-04-11 01:16:00

从源:http://msdn.microsoft.com/en-us/library/ms532847.aspx

具体内容无法应用了过滤器和过渡包括:

  • 的嵌入和小应用程序的元素
  • 的选择和选项形式元素
  • TR,的tHead,TBODY,和的tFoot表元素