在FF 16中，带角度的div无法正常工作

Question

我用45度角测试了这个example div。

这是我想得到的最终结果：

这是我进入浏览器的结果：

在IE中我只得到没有绿色背景的测试。我该如何解决这个问题？ 我使用FF 16.0.2

Answer 1

这里有一个修复程序（注意它不包括渐变背景的IE修复程序）：

h1:after {
    content: '';
    background: linear-gradient(top left, #5FA309, #3B8018);
    background: -webkit-gradient(linear, left top, left bottom, from(#5FA309), to(#3B8018));
    background: -moz-linear-gradient(top left,  #5FA309,  #3B8018);
    position: absolute;
    top: 5px; right: -11px;
    width: 21px;
    height: 21px;
    transform: rotate(45deg);
}