Question

我使用以下代码创建文本大纲。代码可以在IE8和IE10中创建文本大纲，但是，当我在IE10中启用兼容性视图时，我不再看到文本大纲。有关它为什么在IE10-Compatibility视图中不起作用的任何想法以及调试此问题的建议。

<span style="color: white;
    text-shadow: -1px -1px 0 #000000,  
    1px -1px 0 #000000,
    -1px 1px 0 #000000,
    1px 1px 0 #000000;
    filter: 
        progid:DXImageTransform.Microsoft.Alpha(opacity=100) 
        progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=1,offY=1) 
        progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=-1,offY=1) 
        progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=1,offY=-1) 
        progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=-1,offY=-1)\9;
    zoom: 1\9;">Hello</span>

Answer 1

//for outline css

<span style="color: white;
text-shadow: -1px -1px 0 #000000,  
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000;
filter: 
    progid:DXImageTransform.Microsoft.Alpha(opacity=100) 
    progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=1,offY=1) 
    progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=-1,offY=1) 
    progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=1,offY=-1) 
    progid:DXImageTransform.Microsoft.dropshadow(color=#000000,offX=-1,offY=-1)\9;
zoom: 1\9;outline-width:1px;outline-style:solid;outline-color:red;">Hello</span>

CSS Text Outline在IE10兼容性视图中不起作用

1 个答案: