2011-09-19 26 views
0
工作

我试图让Firefox的变焦功能使用JavaScript,但没有运气的工作,我究竟做错了什么?无法获得MozTransform使用JavaScript

function zoomIn() { 
     document.getElementById('increaseWrapper').style['MozTransform'] = 'scale(1.5)'; 
    } 

在此先感谢。

+0

看起来像它应该工作。看看[这](http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html)...也许这将有助于? – Marshall

+0

它适用于我。你确定你的“zoomIn()”函数实际上是被调用的吗? – Pointy

+0

Mike

回答

1

你的代码似乎工作完全找到this jsFiddle在Firefox 6

记住,“MozTransform”只适用于Mozilla的浏览器导出。 Safari和Opera以及其他人都有自己的属性名称,直到它成为认可的标准。

如果你在Mozilla浏览器4+尝试你的代码,那么一定有别的东西你的代码错误,因为你已经在你的问题公开的内容与正确的HTML正确的浏览器工作正常。

你检查浏览器的错误控制台或调试器控制台,看看您遇到的可能是保持你的代码执行的JavaScript错误?

+0

不幸的是,html5(现在的HTML)已被声明为活文档。一个“生活水平”,如果你愿意的话。就像将钉子钉在墙上一样。这是否意味着我们永远与浏览器黑客生活在一起? –

+0

如果你想要,你可以抱怨,或者你可以理解浏览器的状态并处理它。现在,如果你想使用CSS3转换或动画,你必须使用浏览器特定的CSS指令。这将消失随着时间的推移,就像MOZ不透明性已经消失,但直到你准备放弃的浏览器,Mozilla,Safari和Opera的最新版本的支持,你必须编写浏览器特定的CSS指令。我并不认为这是它工作的最好方式,但它就是这样。 – jfriend00