我正在开发一个使用新的 CSS3 transform:rotate(180deg)
功能的元素。每个现代浏览器都有自己的标签,但确实支持它。只有 IE(当然)没有。但是使用过滤器可以达到同样的效果。 唯一的问题是,IE 使用另一个原点,就像 CSS3 所做的那样。我的猜测是,通过一些数学可以使原点居中,但我就是不明白(我的数学是它以前是什么)。
代码和示例可以在这里找到:http://jsbin.com/adiwa3/2 .
在 url ( http://jsbin.com/adiwa3/2/edit) 后面添加 /edit
应该会打开编辑器进行测试。
在 IE 中检查它以查看问题,并在另一个现代浏览器中检查它以查看所需的结果。
目前(错误地)修复问题的部分是 if(i==#){...}
之间,应该将其更改为一些数学,作为 的数量li
可以改变。
我希望有人能帮我解决这个问题。谢谢你。
最佳答案
我找到了这个用于跨浏览器转换的元素 http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/ .尝试分析代码以了解它在 IE 中的行为(或直接下载脚本:))。
关于javascript - 使用 CSS3 变换 :rotate in IE origin problem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2561669/