2013-10-18 16 views
9

Ich suchte nach diesem und fand viele Lösungen (mit css3 Übergang).zoom css Eigenschaft funktioniert nicht auf Firefox

Eigentlich verwende ich {zoom:1.5} für alle meine Tasten. Aber es funktioniert nicht auf Firefox. wenn ich Übergang Eigenschaft wie:

-moz-transform: scale(1.5); /* Firefox */ 
-moz-transform-origin: 0 0; 

Alle meine Tasten sind überlappen. Siehe OK und Abbrechen-Taste. enter image description here

Gibt es noch eine andere Alternative? irgendeine Hilfe?

+1

'Zoom' ist nicht Teil der CSS-Spezifikation und wird nicht in Firefox unterstützt http://css-tricks.com/almanac/properties/z/zoom/ – Turnip

+0

thnx ... Ich habe das schon gesucht ... ist dafür keine Alternative ?? –

+2

Sie können 'scale' verwenden, aber nicht auf jeder der Tasten separat. Verwenden Sie es für das gesamte Popup. –

Antwort

6

Sie verwenden können: -

-moz-transform: scale(0.8); 

in Firefox als Alternative ..

8

50% skalieren und oben in der Mitte halten:

transform: scale(0.5); 
transform-origin: 50% 0; 

Das hat die Arbeit mit Safari/Firefox/Chrome (Ich habe nicht mit IE getestet)

0

Es war eine Kombination der vorhandenen Antworten, die es für mich getan hat:

-moz-transform: scale(...); 
-moz-transform-origin: 0 0; 

Mit 50% 0 als Antwort suggesst der ricardo für die letztere Option gab es einen linken Rand.

Verwandte Themen