Android 4.0 webviewにCSSローテーションが適用されていません

Question

私はPhonegapでAndroidアプリを構築しています。私の画面の四隅を重ねるPNG画像で暗くされ、マークアップは次のようになります。

<div id="tl" class="corner"></div> 
<div id="tr" class="corner"></div> 
<div id="bl" class="corner"></div> 
<div id="br" class="corner"></div> 

とCSS：Androidの実行されている。これは、すべてのデスクトップWebKitのブラウザで完全に正常に動作し

.corner{ 
background: url('img/corner.png'); 
position: fixed; 
z-index: 5; 
width: 120px; 
height: 120px; 
} 
#tl{ 
top: 0; 
left: 0; 
} 
#tr{ 
top:0; 
right: 0; 
-webkit-transform: rotate(90deg); 
transform: rotate(90deg); 
} 
#br{ 
right: 0; 
bottom: 0; 
-webkit-transform: rotate(180deg); 
transform: rotate(180deg); 
} 
#bl{ 
bottom: 0; 
left: 0; 
-webkit-transform: rotate(270deg); 
transform: rotate(270deg); 
} 

、自分の携帯電話（2.3 .5）、すべてのAndroid 2.xのAVDですが、4.0のAVDを起動すると、画像の回転が失われます（ポジショニングは必要な方法で動作します）。これはAVDのバグですか、Android 4のバグか、ここで何か不足していますか？どんな入力もありがとう！ありがとう！

これは、それが（2.2 AVDで実行されている）のようになるはずです：

これは4.0で何が起こっているかである：

MEH！

Answer 1

すべてのタイプの回転を使用してください。

transform: rotate(45deg); 
-ms-transform: rotate(45deg); /* IE 9 */ 
-webkit-transform: rotate(45deg); /* Safari and Chrome */ 
-o-transform: rotate(45deg); /* Opera */ 
-moz-transform: rotate(45deg); /* Firefox */