ie7中的CSS过滤器旋转错误答案

【问题标题】：CSS Filter Rotate bugg in ie7ie7中的CSS过滤器旋转错误
【发布时间】：2013-02-18 06:46:21
【问题描述】：

这是我的问题：

我在覆盖 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

【问题讨论】：

标签： css filter rotation internet-explorer-7

【解决方案1】：

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

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

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

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

【讨论】：