3

この 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);
}

前

回転前

後

回転後

4

1 に答える 1

2

フィルターラインを削除するだけでこれを修正しました。私のコードは次のとおりです。

.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);
}
于 2013-04-12T02:47:43.330 に答える