不明白为什么Firefox在我的文本背后显示白色背景

Question

Firefox更改破坏了我的一些背景/边框图像。有关详细信息，请参阅此问题：CSS - New Firefox-release doesn't show Border-Image anymore。当我通过添加border-style: solid修复此问题时，我的文字现在显示背后的白色/灰色背景。不知道为什么会这样。在Chrome上查看我的图片（它应该看起来如何），然后在Firefox上查看。

铬：

火狐：

以下是jsfiddle链接：http://jsfiddle.net/nirodhasoftware/offuhxao/1/

Answer 1

你也需要画一个背景。 从伪或元素本身：2个例子来调整你的需求。

<强> pseudo:

background:#5099D6;
background-clip:padding-box;

<强> element:

background:url(http://www.rwe-uk.com/static/ichat_with_css3/speech_bubble_left_2.png) center / 300% 150%;
background-clip:content-box;