Firefox 中带有背景颜色的多行标题

Question

所以我想要一个多行标题，带有背景颜色和行与行之间的间隙。我在 Chrome/Safari/IE9+ 中使用一些 css hacks 让它工作，但 Firefox 拒绝正确显示它。在新行的开头，span 元素应该有一个左边框。FF 确实显示边框，但缺少背景颜色。

我知道，<br>里面h1/span有点难看，但我需要可以调整换行符，而且多个h1标签更糟糕恕我直言。

JSFiddle：http : //jsfiddle.net/hLL7100q/

谢谢！

Answer 1

对于现代浏览器，有一个名为“box-decoration-break”的属性。所以你的代码应该是这样的：

CSS

box-decoration-break: clone;

对内联元素的支持是可以的，但不是压倒性的。

更新 JSFiddle：http : //jsfiddle.net/hLL7100q/56/