在Firefox和Dropdown错误中转换属性

时间:2017-07-05 23:27:27

标签: html css html5 css3 css-transforms

我在使用css属性转换的弹出容器中遇到问题:翻译以使弹出窗口居中。

我在内部有一个带有选择字段的表单,下拉列表不会与其他内容一起移动。如果弹出窗口没有转换属性,它们将定位在弹出窗口的位置。

这只发生在Firefox中。我尝试将transform:none添加到选择字段和子元素,以及使用与弹出窗口相反但没有任何工作的转换。有谁知道解决这个问题?谢谢。

1 个答案:

答案 0 :(得分:0)

原来是popup上的动画样式属性。我把它取下来,然后恢复正常。谢谢,Gaby aka G. Petrioli,回复。

.smile-3DRotateBottom {
-webkit-animation-name: smile-3DRotateBottom;
animation-name: smile-3DRotateBottom;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;

}