弹出谢谢你的消息

Question

我是一名平面设计师，拥有HTML，CSS和Javascript方面的知识。我的编码知识有点生疏，因为我多年没有发展。

我需要为我正在开发的网站制作一条“谢谢”弹出消息。根据我之前的知识，我知道JavaScript可以做到，但有没有办法在没有JavaScript的情况下做到这一点？对于那些没有启用JavaScript的用户，我希望该网站的功能相同。

Answer 1

在这个越来越多地使用动态网站的时代，如果人们想要关闭JavaScript，那么如果网站不起作用，那就是他们的损失和艰难的掘金。

但是，如果您要提交表单，请：

• 您正在将其提交到其他页面。只需让此页面显示感谢信息作为其内容的一部分。
• 您正在使用AJAX提交它，在这种情况下您已经需要JavaScript，所以不要担心没有启用它的人。

Answer 2

您可以使用CSS模态框。例如，通过使用div和position:fixed之类的内容，您可以在屏幕中间添加div，而不是其他所有内容，从而呈现自定义框。问题是你可能需要通过javascript控制div风格。您也可以使用CSS框重定向到另一个页面。

我认为在javascript中这样做很好。也许闪存会有点问题。 HTML5甚至最差，现在。

Answer 3

如上所述，您可以使用CSS创建模态。使用叠加层类并更改其可见性以在屏幕上显示或隐藏将起作用，并将其background-color属性更改为所需的纯色并降低不透明度。

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000007a;
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
}