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，未重写滤镜效果，所以滤镜效果依旧生效，出现阴影。