javascript - 使用 CSS3 变换 :rotate in IE origin problem

标签 javascript math internet-explorer css

我正在开发一个使用新的 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/

相关文章:

linux - bash 脚本的算术错误

css - Suckerfish 下拉列表 - IE6 和 7 对齐问题

css - 即使是 "bulletproof"@font-face 在 IE9 中也不工作(Apache 上的 wordpress 站点)

javascript - 删除 Accordion UI 上的边框

确定给定日期/时间是否在两个日期/时间对之间的算法

java:如何实现数学解析

internet-explorer - Bootstrap 中的面包屑导航在 IE 中重叠

javascript - 很好的在线资源或书籍,可以帮助您了解 javascript 的原型(prototype)属性

php - 在 php 中实时记录表之间的移动

javascript - 数据未从 API [ReactJs] 加载到列表中