【问题标题】:Modal window on html5 + transitionhtml5 + 过渡上的模态窗口
【发布时间】:2013-07-25 14:28:00
【问题描述】:

我在 html5 上为我的菜单使用模态窗口,但转换不起作用。帮我找出我的错误。

-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;

and here is example in online redactor

【问题讨论】:

    标签: html css modal-window


    【解决方案1】:

    您的display: none 在转换开始之前立即隐藏对话框。

    【讨论】:

      【解决方案2】:

      你需要去掉 .modalDialog 中的 display:none 并将不透明度设置为 0。

      【讨论】:

      • 在这种情况下,Opera T_T 将无法点击所有页面
      • 只需在模态框处于活动状态之前将其移出窗口即可。 IE。您可以在 .modalDialog 中设置 top:100% ,然后将其移动到 .modalDialog:target 上的 top:0
      猜你喜欢
      • 2013-12-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-21
      相关资源
      最近更新 更多