html - 将滤镜渐变应用于单元格时，IE9 中不显示单元格边框

Question

我正在创建一个网格列表，使用在标题行(即第一行)应用的 CSS 渐变。还应用了边框。

在应用渐变滤镜之前，边框在所有浏览器中都显示，但是在应用渐变滤镜之后，IE 隐藏了边框!其他浏览器都可以。

CSS 代码如下:

.list tr.titlerow, .list .titlerow th {
    border: 1px solid #a0a0a0;
    height:25px;
    padding:2px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBEBEB', endColorstr='#ffffff');/*For IE7-8-9*/  
    background: -moz-linear-gradient(top, #EBEBEB 0%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EBEBEB 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #EBEBEB 0%,#fff 100%); /* IE10+ */
    background: -o-linear-gradient(top, #EBEBEB 0%,#fff 100%); /* Chrome10+,Safari5.1+ */


}

谁能帮我解决这个问题？

Answer 1

IE 过滤器通常会无缘无故地完全搞砸其他事情。有时应用一个过滤器会杀死另一个过滤器 - 它们甚至不能很好地相互配合，更不用说正确的 CSS 了!

我不会使用过滤器并尝试以正确的方式做事，而是会使用条件注释或其他类似机制回退到基于图像的 IE 渐变。