html - FF16では角度のあるdivが正しく機能していません

Question

このdivの例を45度の角度でテストしました。

これが私が得たい最終結果です：

これは、ブラウザに表示される結果です。

IEでは、背景が緑色のテストのみを取得します。どうすれば問題を解決できますか？FF16.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);
}