在我的CSS文件中,我使用过滤器在IE-8中显示框阴影。在正常模式下,它可以正常工作,但对于压缩版本,则不能正常工作。这是我的压缩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)}


原因可能是因为值在行间中断,或filter和progid之间没有空格可以给我任何建议和合理的原因。

最佳答案

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

progid:xxx progid:yyy /作品

progid:xxx,progid:yyy /作品

程序:xxx
方案:yyy /作品

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

关于html - CSS无法在压缩模式下工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21900170/

10-11 23:25