Reveal Modal 和 IE10 的不透明度答案

【问题标题】：Opacity with Reveal Modal and IE10Reveal Modal 和 IE10 的不透明度
【发布时间】：2013-10-22 21:00:17
【问题描述】：

我在客户网站上遇到了一个相当奇怪的问题。我使用 JQuery 和 Reveal Modal 窗口为他的电子商务网站 (Volusion) 实现了一个简单的电子邮件注册表单。我在 IE10 上对其进行了测试，对我来说效果很好，但是不透明度在 IE10 中对他不起作用。他所看到的只是模态窗口后面的灰色背景。除了他的 IE10 版本之外，不透明度在其他浏览器中按预期工作。

如果有人有兴趣看看，该网站是 www.minivips.co.uk。

任何建议或想法将不胜感激。

【问题讨论】：

在 IE10 中没有适合我的 pb。只有在将“文档模式”切换到 IE8 或 IE7 时才会出现灰色背景。你的客户真的有 IE10 吗？
它在 IE10 中对我来说很好。也许与其追求不透明度，不如为模态背景创建一个 2x2 半透明 png 文件，该文件也适用于旧版 IE（6 除外）

标签： jquery html css jquery-ui

【解决方案1】：

我觉得不错。

http://www.minivips.co.uk/v/vspfiles/templates/210/css/reveal.css 尝试为 .reveal-modal-bg 仅使用一个背景，删除背景：rgba(0,0,0,.8);

【讨论】：

啊？为什么？因为只有最后一个真的很重要？
不知道为什么这很重要。所定义的颜色只是对不支持 rgba 的浏览器的后备。

【解决方案2】：

所以，我发现了问题所在。出于某种原因，客户的网站以兼容模式运行。这导致不透明度不起作用。他不知道他正在以兼容模式运行，但有一次我问他，他意识到发生了什么，并将其删除。瞧，修复了。

感谢所有帮我查看并提出建议的人。

詹姆斯

【讨论】：