box-shadow在ie-8中不起作用

时间:2014-01-13 08:26:03

标签: html css css3 internet-explorer html5-canvas

您好我的代码框阴影无法正常运行i-e 8 这是我的CSS

.lt-ie9 .imageonHover:hover  {
    box-shadow:1px 1px 5px 5px #E7E0E7;
    border-radius:3px;
    zoom: 1;
      filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
}

.imageonHover:hover {
    width:100%;
    height:100%;
    position: relative;
    border-radius:3px;
    box-shadow:1px 1px 5px 5px #E7E0E7;
    -webkit-box-shadow:1px 1px 5px 5px #E7E0E7;
    -moz-box-shadow:1px 1px 5px 5px #E7E0E7; 
  }

当我将鼠标悬停在div上时,文本也显示阴影。在其他浏览器上它工作正常,但是8即不能正常工作

1 个答案:

答案 0 :(得分:0)

使用CSS3 PIE,在旧版本的IE中模拟some CSS3 properties

它支持box-shadow(inset关键字为except)。