html - 一个 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);
}