0

所以这是我的问题：

我在覆盖 div 上显示一个 iframe。在这个 iframe 中，显示了一个在它们之间绘制了箭头的圆圈布局（参见图片：http: //i49.tinypic.com/oprb00.png）。箭头需要旋转，这是通过 css 变换和 IE 的 -filter 解决方案完成的。箭头应旋转的度数是动态计算的，并使用 Jquery 设置。

我面临的问题是一个只出现在 ie7 中的错误（请注意，它没有出现在 ie9 的 ie7-compatibility-mode 中。）。

旋转本身在 ie7 中有效，但问题是在旋转的项目周围会出现一个透明框，允许您“透过”Iframe 看到它，它包含 div。这个透明框与旋转的 div 具有相同的尺寸（高度、宽度）。如果我删除旋转的项目，透明度就会消失。

问题本身不在于如何设置旋转功能，而在于为什么会出现这个“透明”框，只是想知道这是否发生在其他人身上。

我尝试通过向相关元素添加更高的 z-index 属性来解决这个问题，但没有成功。

事发图片：http: //i49.tinypic.com/oprb00.png

4

1 回答 1

0

如果不显示任何代码，很难看到问题，但请允许我提出一个替代建议：

有一个名为CSS SandPaper的 Javascript 库，它允许旧 IE 版本使用标准 CSStransform:rotate样式。

如果您在使用特定于 IE 的过滤器矩阵时遇到问题（使用起来非常棘手），您可以尝试使用它来使您的代码更易于使用并且在所有浏览器中更相似。

我知道这不是问题的直接答案，但我希望这会有所帮助。

于 2013-02-17T22:46:21.237 回答