moz css hack for text shadow

时间:2012-02-16 17:40:14

标签: css firefox css3

我正在尝试仅在Mozilla浏览器中创建文本阴影。 (我正在使用它作为我正在使用的字体的一些问题的解决方法。)

我尝试了-moz-text-shadow,但似乎现在已经不存在了,它不再需要moz扩展。但我不希望IE和Webkit使用文本阴影。

为什么-moz函数会被带走?

3 个答案:

答案 0 :(得分:5)

您可以使用CSS hack单独定位FF,例如:

body:not(:-moz-handler-blocked) a { background-color: red; }

快速演示:http://jsfiddle.net/DxjeL/

对于所有其他浏览器,Box应为红色,对于所有其他浏览器应为蓝色。

来自http://paulirish.com/2009/browser-specific-css-hacks/

答案 1 :(得分:1)

-moz,-webkit,-o,-ms称为浏览器前缀。它用于不完全支持该属性的浏览器。现在每个现代浏览器除了8和更低支持text-shadow属性。 如果你想强制为firefox添加文本阴影,你可以使用javascript来检测浏览器并添加文本阴影属性。

答案 2 :(得分:0)

粗略的例子:

text-shadow: 0 0 transparent;
-webkit-text-shadow: 0 0 transparent;
-khtml-text-shadow: 0 0 transparent;
-moz-text-shadow: 1px 1px #ff0000;