80 css ie8下ui-box-head出现阴影效果

1.ie8下 ui-box-head出现阴影效果

   阴影其实是渐变的滤镜效果

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');

  //框架定义的完整样式如下

  .ui-box-head {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 10px;
    height: 16px;
    line-height: 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
    zoom: 1;
}

   因为ie8下实现渐变是用滤镜效果，而非backgroud，在重写此样式时只定义了background，未重写滤镜效果，所以滤镜效果依旧生效，出现阴影。