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

Question

我测试了这个带有45度角的div的example。

这是最后的结果，我想获得：

这是我在浏览器中得到的结果是：

在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); 
}