Box-Shadow无法在IE8中悬停

Question

我试图在一个div上应用盒子阴影悬停在mozilla，chrome，IE10它工作正常但在IE 8文本也变得阴影我附在这里IE8的图像

并且在mozilla中它的工作正常是图像

这是我的两个css

.span3:hover {
   box-shadow:1px 1px 5px 5px #E7E0E7;
   -webkit-box-shadow:1px 1px 5px 5px #E7E0E7;
    -moz-box-shadow:1px 1px 5px 5px #E7E0E7;
    border-radius:3px;
 }


.lt-ie9 .span3: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);
}

请解释我在哪里做错了。我尝试了许多像css3pie.com等链接，但没有得到任何解决方案。

Answer 1

Box Shadow Compatibility versions

IE8不支持

To Enable CSS box-shadow for IE

How to Simulate CSS3 box-shadow in IE6-8 Without JavaScript

或使用CSS3 PIE，在旧版IE中模拟some CSS3 properties。

Answer 2

使用CSS3 PIE

IE 8不直接支持css3