3

私はIE9で以下を使用しています：

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

テキストを回転させる方法で機能しますが、奇妙なことに、理由もなく要素に黒い背景を与えます?!

CSS:

.view-see-the-difference-in-your-sector .views-field-title span {
   display: block;
   -moz-transform: rotate(-90deg); 
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform:rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  zoom: 1;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
   width: 200px;
}

また、フィルター 1 とは別に、すべてのブラウザー ローテーションのオリジンがあることにも注意してください。ここで使用する正しい構文は何ですか?

4

2 に答える 2

7

私の問題を解決するこのハックを見つけました。filter：none;を追加する必要があります。背景が黒のコンテナにスタイルを設定します。どういうわけか、ie9はie8に使用されるフィルタースタイルをサポートしていないため、無効にする必要があります。あなたの場合：

.ie9 .view-see-the-difference-in-your-sector .views-field-title span  {
   filter:none;
}

ブラウザがie9であるかどうかを検出し、このクラスをbodyタグなどの親ノードに追加する必要があります。

于 2013-03-19T11:43:07.707 に答える