2011-09-19 56 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