2014-01-30 73 views
1

我有一个图像,在悬停我应用boxshadow的css。对于IE8我使用过滤器,它工作正常,但是当我压缩我的CSS它停止工作。 这是正常的CSS:盒子阴影不工作在IE8的压缩版本的CSS?

.lt-ie9 .myimage:hover{ 
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); 
zoom:1; 
background-color:rgb(255, 255, 255);} 

,在这里被压缩的CSS:

.lt-ie9 .myimage:hover{ 
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); 
zoom:1; 
background-color:rgb(255, 255, 255); 
} 

有谁能够告诉我该如何解决和理性背后

+0

尝试CSS 3PIE http://css3pie.com/ – SaturnsEye

回答

0

逗号被忽略。您需要一个空格或换行符来粘贴多个过滤器。

进程id:XXX进程id:YYY /工作

进程id:XXX,进程id:YYY /工作

进程id:XXX 进程id:YYY /工作

进程id:XXX,进程id:YYY /将无法正常工作

这将是一个正确

.lt-ie9 .image-with-align:hover{background-color:#fff;zoom:1;filter:progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=0,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=45,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=90,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=135,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#ccccc9,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=225,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=270,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#ddddd9,direction=315,strength=1)}