帶有角度的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); 
}