旋转一个div会在IE浏览器上产生黑色背景，如何去除？

Question

旋转一个div会在IE浏览器上产生黑色背景，如何去除？

3

我正在使用这个CSS类来旋转一个

。但是它在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);
}

旋转前

旋转后

旋转后图片

- hamama

是的，但这也不起作用！ - hamama

这是一个屏幕截图 http://s22.postimg.org/w6wxrdoy9/black.png - hamama

一个正常的三角形，这是一个没有旋转的屏幕截图 http://s10.postimg.org/up1iqc0hl/notblack.png - hamama

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hamama · Accepted Answer

我只需要删除过滤行就可以纠正这个问题。我的代码现在是：

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