Css无法在压缩模式下工作

时间:2014-02-20 06:40:39

标签: html css css3 internet-explorer-8 css3pie

在我的CSS文件中,我使用过滤器在IE-8中显示box-shadow。在正常模式下,它工作正常,但对于压缩版本,它不起作用。这是我的压缩css

.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)}

原因可能是因为值之间的行间隔断或者过滤器和progid之间没有空格,任何人都可以给我任何建议和有效理由。

1 个答案:

答案 0 :(得分:1)

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

progid:xxx progid:yyy / works

progid:xxx,progid:yyy / works

的progid:XXX
progid:yyy / works

progid:xxx,progid: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)}