旋轉的div給IE上的黑色背景，我該如何刪除它？

Question

我正在使用此css類來旋轉div。這目前沒有工作，因爲它在IE9上提供了黑色背景。我如何刪除它？

.arrow-left { 
    width: 0; 
    height: 0; 
    border-top: 70px solid transparent; 
    border-bottom: 70px solid transparent; 
    position:absolute; 
    top:-45px; 
    left:-11px; 
    z-index:1; 
    border-right:70px solid #009da6; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE8*/ 
    -o-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
} 

之前

後

Answer 1

我只是通過去除過濾器行糾正了這個。我的代碼現在是：

.arrow-left { 
    width: 0; 
    height: 0; 
    border-top: 70px solid transparent; 
    border-bottom: 70px solid transparent; 
    position:absolute; 
    top:-45px; 
    left:-11px; 
    z-index:1; 
    border-right:70px solid #009da6; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
}