文本笔划交叉浏览器

Question

我正在尝试新的文本笔划功能,我在网上搜索了一个跨浏览器的解决方案.现在我只能用webkit属性找到它.

-webkit-text-stroke: 2px #FF1E00;

如果有办法可以让所有浏览器以相同的方式显示,你能告诉我吗？

Answer 1

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

from:大纲效果到文字

"我所做的是使用已经支持的text-shadow属性(我相信Chrome,Firefox,Opera和IE 9支持)."

Answer 2

如5月24 ^日,2012年,没有跨浏览器的解决方案,因为只有webkit的根据支持实验功能http://caniuse.com/#search=text-stroke.您可以text-shadow在元素上使用4或5来模拟(在某种程度上).

演示:Text-Stroke,在CSS-Tricks.com上