我是一名新手网页设计师，我正在尝试为/ box设计弹出式div联系人。我已经研究了一整周，更长的时间，关于如何使用模态层创建弹出div。我的网站托管不允许深入的HTML，CSS和JS自定义，所以虽然我发现了看起来很好的插件/模板，但由于访问受限，我无法真正使用它们。 （至少，当我尝试使用其中一些时，它们不起作用。）我可以真正自定义的是我的网页部分，然后我可以在页面中添加HTML片段。我还需要其他所有东西来进入这两个领域;你想象的非常有限。
我终于找到了一些我可以使用的代码，在学习了一些CSS和javascript后，我能够成功创建弹出式div联系表单/框。我发现我必须将CSS和JS放在该部分中，然后通过主机网站构建应用程序中的HTML工具将弹出模态用途的简单div添加到页面中。
但有问题。我发现我发现并适应我的网站的代码并不是那么好。格式化会阻止模态不透明层的大小正确（我已经尝试了所有我想到的东西来修复它，但无济于事）。此外，我的弹出式div居中的方式似乎并非100％正确。它“功能”，但我希望它能够正常运作。另一个问题是浏览器之间的兼容性。我一直在设计我的网站并检查我在Chrome中的进度，它运行正常。但它在IE8和Firefox上遭到破坏。
嗯，在这个成功的短暂一瞥之后，我开始研究最终的解决方案。使用Chrome的开发人员工具，我能够在我自己以外的网站上找到功能模式弹出窗口的各种元素，并偶然发现SimpleModal，这恰好是我的网络托管公司使用的漂亮的小模式弹出工具。但是，我无法使用SimpleModal的演示代码正确安装它。
有人可以告诉我如何安装SIMPLEMODAL？如果有必要，我可以在评论中发布我的网站上的代码（至少我可以适应一次;似乎有一个限制......）如果有帮助，有人可以直接看到我的麻烦吗？ ...谢谢！
答案 0 :(得分：1)
您应该更深入地了解无法使用Javascript。你在使用哪个主机？
如果你确实发现你可以使用js，那么，你应该使用样板来启动你的项目，而不是到处走动，从各处获取插件，并在你的DOM中创建一个混乱。
签出http://www.initializr.com/并使用bootstrap选项。这将为您设置LESS样式表，并整合Twitter Bootstrap，它将完全符合您的模态。
一旦你的页面设置，使用bootstrap你应该能够通过调用它上面的模态方法（来自bootstrap）将任何div转换为script.js文件中的模态
$('#myModal').modal(options)