Фильтр градиента строки таблицы IE8 не отображается в ячейке таблицы

Question

Краткая версия: я установил фильтр градиента в тег <tr>, но в IE8 теги <td> и <th> игнорируют его полностью, вне зависимости от того, каковы их фоновые свойства ,

Вот пример того, что я смотрю на: http://jsfiddle.net/FlashbackJon/NqkGv/3/

Как правило, я бы просто применить его в теги ячеек таблицы, но, как я теперь хорошо известно (от countlesstopics), фильтры визуализируются поверх содержимого фона элемента, включая границы, и мне нужны границы таблицы на месте и рухнули. Я использую документ HTML5, и стандартом компании является IE8 для большинства наших конечных пользователей.

Я пытаюсь сохранить его без изображения и отчаянно хотел бы избежать ненужного HTML. Если просто невозможно сделать градиент строки видимым, мне, возможно, придется прибегнуть к этому.

Answer 1

Невозможно сделать градиент строки видимым, он просто не применяется к тэгам.

Answer 2

Является ли градиент каким-то сверхкритическим для вашего макета? Я бы порекомендовал просто полностью отбросить его для IE8 - вероятность того, что опыт не будет нарушен, просто отличается.

Фильтры в IE имеют высокую производительность - поэтому их следует использовать, когда вам действительно нужно. Я бы сказал, что цвет фона для строки таблицы, вероятно, не один из тех времен. Ваш сайт будет работать быстрее, и ваши пользователи будут так же счастливы.

Answer 3

Если это горизонтальный градиент, вы можете применить его к TDs вместо TR. Это сработает и будет выглядеть одинаково. TR не рассматриваются как «реальные» элементы в более старом IE, они похожи на абстрактный контейнер для TD. Тем не менее, TDs подбирают стиль.

Answer 4

От источника: http://msdn.microsoft.com/en-us/library/ms532847.aspx

конкретные элементы, которые не могут иметь фильтры и переходы, применяемые к ним относятся:

• встраивания и апплет элементы
• Выбор и опции элементов формы
• tr, tHead, tBody и элементы таблицы tFoot