Question

我正在尝试编写缩放效果的代码。我在另一个中有2个div。我想在其他div和内部div上添加缩放效果，不应用缩放效果。对于内部div，我使用＆＃34; zoom：document＆＃34;。它在铬，野生动物园和歌剧中运作良好。但它不适用于Firefox。这是代码： -

    <div style="border:#F00 solid 1px; width:50cm; float:left; height:30cm; background:#F00; zoom:0.5;-moz-transform:scale(0.5,0.5)">
 <div style="border:#0F0 solid 1px; background:#0F0; width:100px; height:50px; margin-left:300px; margin-top:300px; zoom:document">
 </div>
</div>

提前感谢您的建议。

Answer 1

div.zoom {
      zoom: 2; /* all browsers */
     -moz-transform: scale(2);  /* Firefox */
}

＆＃34;支持：值为：

百分比 - 按此百分比缩放
数字 - 转换为百分比和比例 - 1 == 100％; 1.5 == 150％;
正常 - 缩放：1;

如果mozilla中有任何问题，请参考此链接

https://developer.mozilla.org/pt-BR/docs/Web/CSS/transform

-moz-transform: scale(2);

Answer 2

我发现你没有给出z-index。所以我认为你需要为firefox提供z-index

尝试添加

z-index:1000;

这应该有效。感谢

cps中的缩放效果在firefox中无法正常工作

2 个答案: