HTML中文字有白边还有阴影,如果不用JS 怎么实现给文字加白边，而且，兼容所有浏览器，如何给火狐单独定义CSS样式，貌似text-shadow 属性支持火狐但不支持IE，跪求高手！...

火狐中的  text-shadow  实现投影 模糊效果

有4个参数

颜色类型的将指定 颜色

后面3个均为长度类型，分别指投影x方向偏离距离,y方向偏离距离,模糊效果的作用距离

实例：text-shadow:#FFFFFF 0px 0px 2px;

效果：

而且可以使用多个text-shadow 效果，分别使用“,”隔开

实例：text-shadow:yellow 0px 0px 20px,orange 0px 0px 10px ,red 5px -5px;

效果：

要想在IE中实现，就只有使用IE的专用滤镜(filter)了

第一个实例中，很像IE的发光(glow)滤镜

再看glow的参数，有两个

参数一为颜色类型指定发光颜色，参数二为长度指定发光的作用范围

而text-shadow的发光其实是模糊造成的，也就是说

text-shadow的光有渐变效果，在作用距离内是由强到弱，再到消失

glow是实的，超出作用距离，直接就没了

通过实验证明glow不能产生text-shadow的效果

看下投影(shadow)滤镜

参数一为颜色类型指定投影颜色，参数二为投影方向0－315度，步长为45度(共一周)

这个滤镜可以实现

text-shadow 只指定参数 颜色、x方向偏离距离和y方向偏离距离产生 的效果

看模糊(blur)滤镜

参数一指定是否使用模糊，参数二为模糊方向0－315度，步长为45度(共一周)，参数三是模糊程度

这个滤镜可以实现

text-shadow 只指定x方向偏离距离、y方向偏离距离产生的效果和模糊效果的作用距离 的效果

不有一个投射阴影(DropShadow)滤镜，希望就在它身上了

看看参数：

filter: DropShadow(Color=#FFFFFF, OffX=2, OffY=2, Positive=1);

真多，4个呢

Color依旧颜色

OffX和OffY分别指定x方向偏离距离、y方向偏离距离

Positive为布尔值可为true(非0)或false(0)指定是否为非透明像素建立可见的投影，一般选true(或1)

它也只能实现

text-shadow 只指定颜色、x方向偏离距离、y方向偏离距离产生 的效果

失望ing

如果IE可以为同一个样式定义多个滤镜效果，就可以实现了

以上完全是我的个人见解，你可以根据你所使用text-shadow的效果从中选取滤镜

使用的时候直接在CSS里定义就可以了

text-shadow:#FF0000 0px 0px 10px;/*IE不识别text-shadow所以被忽略*/

filter: DropShadow(Color=#FFFFFF, OffX=2, OffY=2, Positive=0);/*FF不识别filter所以被忽略*/