2013-02-15 71 views
0

所以這裏是我的問題:CSS篩選器旋轉bugg in ie7

我在overlay-div上顯示一個Iframe。在此iframe中,顯示了在它們之間繪製箭頭的圓形佈局(請參閱圖像:http://i49.tinypic.com/oprb00.png)。箭頭需要旋轉,這是通過css轉換和-filter解決方案完成的。箭頭應該旋轉的度數值是動態計算的,並使用Jquery進行設置。

我面對的問題是一個只出現在IE7中的錯誤(注意它沒有出現在IE9的IE7兼容模式中)。

旋轉本身在ie7中工作,但問題是圍繞旋轉的項目出現一個透明的框,讓您看到「通過」iframe,它包含div。這個透明盒子與旋轉的div具有相同的尺寸(高度,寬度)。如果我刪除旋轉的項目,透明度消失。

問題本身並不是如何設置旋轉功能,但爲什麼這個「透明」框出現,只是想知道這是否發生在其他人身上。

我試着解決這個問題,通過添加更高的z-index屬性的相關元素,但沒有成功。

圖片的次數的:http://i49.tinypic.com/oprb00.png

回答

0

這是很難看到的問題,而你表現出任何代碼,但讓我做另外一個建議:

有一個JavaScript庫調用CSS SandPaper,這使得舊的IE版本使用標準CSS transform:rotate風格。

如果您遇到的IE特有的過濾器矩陣(這是非常棘手一起工作)的麻煩,你可以嘗試使用,爲了簡化程式碼繼續努力,在所有瀏覽器比較類似。

我知道這不是問題的直接答案,但我希望這有幫助。