转换属性在Mozilla中不起作用

时间:2017-04-24 10:39:29

标签: css

我有一个具有以下属性的类

转换在 Chrome Internet Explorer 中正常运行,但在 Firefox 中无效。有人请告诉我如何使其在 Mozilla Firefox 中运行。

background-color: #fafafa;
width: 100%;
max-height:55px;
-webkit-transition: max-height 0.8s;
-moz-transition: max-height 0.8s;
z-index:9999;

1 个答案:

答案 0 :(得分:2)

您应该指定良好的转换规则和默认规则,如下所示:

-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */

transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */