[分享]css中字体有描边支持ie6

在CSS中，我们经常需要设置文字的样式以增强网页的可阅读性。而IE6作为一个老旧的浏览器，它的字体描边功能并不支持。所以，我们需要在CSS样式中设置字体描边以满足网页的需求，并且也要考虑到IE6的兼容...

在CSS中，我们经常需要设置文字的样式以增强网页的可阅读性。而IE6作为一个老旧的浏览器，它的字体描边功能并不支持。所以，我们需要在CSS样式中设置字体描边以满足网页的需求，并且也要考虑到IE6的兼容性问题。

p{
    font-size: 14px;    
    color: #ffffff;   
    font-weight: bold;    
    font-family: "宋体",sans-serif;    
    text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000;    
    filter: Shadow(Color=#000000, Direction=135, Strength=1);    
    zoom: 1;    
} 

在上述代码中，我们设置了文字大小为14px，颜色为白色，字体加粗。而字体描边则在text-shadow和filter两个属性中完成。

text-shadow属性会为文字添加一个投影效果，我们利用它来实现字体描边。我们需要设置四个投影位置，分别是右下、左上、左下、右上，它们的偏移量都为1px，颜色则为黑色。这样就能产生一个比较自然的字体描边效果。

而在IE6中，并不支持text-shadow属性，所以我们需要使用filter属性。在IE6中，我们需要使用Shadow滤镜来实现字体描边。其中，Color属性表示字体描边的颜色，Direction属性表示字体描边的方向，Strength属性表示字体描边的强度。其中，Direction的值在0到360之间，表示角度，135度与右下的投影位置相对应。

此外，在IE6中还需要设置zoom属性，因为filter属性只会在IE的“有布局”元素上起作用，而zoom属性可以使元素“有布局”，从而使其能够支持filter属性。

通过上述方法，我们可以在CSS中实现字体描边，并且还能保证IE6的兼容性问题。这样我们就能更好的提升网页的可阅读性，让用户获得更好的浏览体验。