在我的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之间没有空格,任何人都可以给我任何建议和有效理由。
答案 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)}