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

Question

我用 45 度角测试了这个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);
}