在Android 4.0中不應用CSS旋轉webview

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：

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

這在所有桌面WebKit瀏覽器工作完全正常，我的手機（這是運行Android 2.3 .5），所有Android 2.x AVD，但是當我啓動4.0 AVD時，圖像的旋轉會丟失（定位按其應有的方式工作）。這是AVD中的錯誤，是Android 4中的一個錯誤，還是我在這裏錯過了一些東西？任何輸入讚賞，謝謝！

這是它應該是什麼樣子（在2.2 AVD運行）：

這是正在發生的事情4.0：

咩！

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 */