仅使用CSS和基本/纯javascript弹出Div HTML5

请注意：对于我的网站宿主公司，jQuery（非常不幸）不是我的选项，我无法链接到外部的JS或CSS文件。我的弹出div在我的网页的“head”部分包含CSS和JS代码，作为解决方法

我的问题希望只需要对我现有的JS进行简单的更新/调整。就在一周前，我网站上的弹出Div（用于联系人表单）功能100%正确（除了位置：我暂时放弃的IE中的固定问题）。我的主机公司刚刚切换到HTML5（我相信是从“DTD4.01过渡版”），现在我的弹出div在任何浏览器（IE9、FF、Chrome、Safari）中都无法正常运行，有些浏览器比其他浏览器更差

需要解决的问题有（请访问我的网站查看它的运行情况）：

• 修复了（所有4种浏览器）“行高”html标记，我用来格式化联系人表单说明/信息的标记不再有效；因此，“Form”div类现在大于div容器高度
• 75%已修复（Firefox&IE）定位不正确；弹出窗口出现在屏幕的底部，所以只有一小部分的弹出窗口的标题是可见的
• 50%已修复（所有4个浏览器）我现有的弹出窗口从未有过相应的代码，但如果可能，我希望在调整浏览器窗口大小时，弹出div保持居中/固定

我无法正确粘贴现有代码，因此我通过我的网站进行了访问：

如果可能的话，请提供（您可以根据需要向我发送电子邮件）我现有代码的修订版HTML5兼容版本

谢谢

---

更新：

• 线条高度：在查找它并得到一个想法后，我通过简单地更改为解决了这个问题。很高兴这很简单
• 弹出定位和调整大小：定位错误通过对现有代码的轻微调整得到修复。使用下面评论中的js代码，我可以在调整窗口大小时重新定位弹出窗口。但是，我无法使用该代码生成模态窗口函数。所以现在，我已经恢复到我自己的修订代码，目前缺乏重新大小重新定位功能，但我仍在努力

---

如果你不能使用任何JS，那么它只有一种可能

您可以做一件事，无论是弹出式还是滑动式面板。 在“联系人”分区中添加您的弹出分区。在“联系人”分区上方的鼠标上的CSS3中，使用CSS3转换并设置其左侧位置以显示弹出分区

---

这将适用于所有浏览器。动画在IE8或更低版本中不起作用。

如果你不能使用任何JS，那么它只有一种可能

您可以做一件事，无论是弹出式还是滑动式面板。 在“联系人”分区中添加您的弹出分区。在“联系人”分区上方的鼠标上的CSS3中，使用CSS3转换并设置其左侧位置以显示弹出分区

---

这将适用于所有浏览器。动画在IE8或更低版本中不起作用。

您不能只更改主机吗？不，JS对我来说不是一个选项：这个托管公司对我来说不是一个选项。你的页面包含到样式表、javascript和jquery的链接，但你说你不能这样做。不明白。@Rob，所有这些好的链接都是在我所在公司的模板中提供的。但在用户端，不能将此类链接或jquery用于非模板元素。（他们甚至有弹出式的联系人表单模板，如果你根本不需要编辑的话，这些模板非常棒）。有一个合理的理由；我所在的公司专门从事“简单、无经验的用户友好型”设计。因此，虽然使用我的主机的site builder进行设计非常简单，并且不需要任何编码知识，但缺点是，那些想要进行自定义/复杂编辑的人受到了生成器的限制。您不能只更改主机吗？不，JS对我来说不是一个选项：这个托管公司对我来说不是一个选项。你的页面包含到样式表、javascript和jquery的链接，但你说你不能这样做。不明白。@Rob，所有这些好的链接都是在我所在公司的模板中提供的。但在用户端，不能将此类链接或jquery用于非模板元素。（他们甚至有弹出式的联系人表单模板，如果你根本不需要编辑的话，这些模板非常棒）。有一个合理的理由；我所在的公司专门从事“简单、无经验的用户友好型”设计。因此，虽然使用我的宿主的site builder进行设计非常简单，并且不需要任何编码知识，但缺点是，那些确实想进行自定义/复杂编辑的人受到了builder的限制。IE 9有转换，但没有转换。是的。简而言之，如果不将javascript与纯CSS结合使用，您只能提供此功能。@ParagaJjar…说明：我可以使用JS，我只是无法链接到外部JS文件。如果您查看我在初始问题帖子底部链接到的“popupdiv.txt”文件，那么我当前的代码包含了我使用的popupdiv模板中相当多的JS。那么我如何调整我现有的JS以符合HTML5规则呢？@yunzen我完全明白你的意思。但我现在的资金有限，我在这家公司有一整年的免费基本/有限托管服务，这就足够了。我在各种情况下处理有限资金/资源方面有丰富的经验，因此这只是我必须处理的另一种情况。因此，我尝试了一下CSS转换/动画，但没有成功。我强调这是一个非常快速的实验，但动画不是必须的，所以我没有花太多时间在上面。如果CSS动画代码（如淡入）确实是一项简单的任务，请告诉我如何将其添加到现有的CSS中……动画不是优先考虑的。调整我的JS使之与HTML5一起工作是我最关心的问题，这样我就可以得到m