我已经在 chrome 和 safari 中顺利进行了此转换,但在 firefox 中却无法正常工作。在 Firefox 中它不会放大,但会立即显示放大的图像。也许有人知道出了什么问题......
我为它制作了一个 jsfiddle:http://jsfiddle.net/WYfZz/
ul.polaroids_portfolio li a:hover { -webkit-transform: scale(1.75); -moz-transform: scale(1.75);
-ms-transform: scale(1.75);-o-transform: scale(1.75);transform: scale(1.75);
position: relative; z-index: 5; }
最佳答案
-moz-transition: -moz-transform .15s linear;
在 ul.polaroids_portfolio a
上,您只有 -webkit-
版本。
参见 http://jsfiddle.net/WYfZz/5/
此外,您不应该忘记也将未加前缀的转换版本放在末尾(在 Firefox 16/Opera 12.5/IE 10 中,转换和转换都将没有前缀)。 box-shadow
也是如此(你最好使用无前缀的版本而不是有前缀的版本;我可以理解使用 -webkit
前缀来支持 Android 或黑莓, 但 Firefox 自 FF4 起支持无前缀的 box-shadow
)
关于html - 缩放转换在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12248604/