在Firefox中css插入文本背景颜色

Question

我想用CSS创建一个插入文本。它在Chrome和Safari上工作得很好，但在Firefox和IE上也不起作用，我尝试了无数可能但它仍然不起作用： - /你能帮助我吗？

CSS：

text-align: center;
line-height: 60px;
font-size: 60px;

background-color: #112151;
-moz-background-color: #112151;
-webkit-background-color: #112151;
color: transparent;
text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
-moz-text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;

如何在firefox上实现相同的设计？它看起来像背景颜色和文本的透明颜色的问题，但我似乎无法弄清楚它们如何在Mozilla和IE上一起工作。

Answer 1

我做了一个小例子jsfiddle。创建这样一个阴影的诀窍是在文本的上方和下方添加一个文本阴影（两者都在后面，但它们向上或向下移动）。

http://jsfiddle.net/mine/ru6pc/

它似乎适用于Firefox，但我猜你会遇到IE问题。 IE＆lt; 10还不支持CSS-text-shadow，所以你可以看一下pie-CSS（我不知道，如果他们支持它，但可能值得一看）。

.inset {
    font-family: Arial;
    font-weight: bold;
    font-size: 20pt;
    color: #4e830f;
    text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.75),
                 0px 1px 2px rgba(255, 255, 255, 0.75);    
}