html5 + 过渡上的模态窗口

【问题标题】：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;

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

在这种情况下，Opera T_T 将无法点击所有页面
只需在模态框处于活动状态之前将其移出窗口即可。 IE。您可以在 .modalDialog 中设置 top:100% ，然后将其移动到 .modalDialog:target 上的 top:0