如何为不同的浏览器提供不同的文本阴影级别

时间:2013-10-15 20:18:25

标签: html css css3

当我使用文本阴影css时,mozilla和chrome会显示不同的污迹等级。

 #dfg{  
 color: #fff; 
 text-shadow: 0px 0px 2px white;
 }

在mozilla中,我得到了一个我不想要的更污迹的外观。我试过了

-moz-text-shadow : 0px 0px 1px white;

但它没有帮助。在css中是否有一个方法来提供浏览器特定的文本阴影值,或者我应该使用javascript来识别浏览器然后选择阴影级别。请帮忙。

chrome版

Chrome version

mozilla版

mozilla version

1 个答案:

答案 0 :(得分:-1)

我个人认为基于Javascript的方法效果最好,所有modren浏览器都支持标准的CSS阴影函数,我想你正在考虑-moz-window-shadow这是一个OSX特性。

还要研究text-shadow的blur属性,或许明确定义它?