你能让彩盒背景透明吗？答案

【问题标题】：Can you make colorbox background transparent?你能让彩盒背景透明吗？
【发布时间】：2012-03-01 22:57:16
【问题描述】：

我有一个客户想要 jquery.colorbox 并希望该颜色框的背景是透明的，但颜色框中的文本不是。此外，彩盒正在加载一个 iframe，它不是内联的。我可能会使其内联，但如果我能帮助它，我宁愿不这样做。任何帮助将不胜感激。

我在网上查到，为了在 iframe 中使用它，我需要 'allowtransparency="true" 作为属性之一，然后在正文中使用 style="background-color:transparent"，但我不知道如何使用彩盒做到这一点。有没有办法向颜色框 iframe 添加属性？

【问题讨论】：

【解决方案1】：

如何使用 css 设置。

<style>
div#target
{
background-color:rgba(255,255,255,0.3);
}
</style>

【讨论】：

【解决方案2】：

使用 iframe 实质上是将一段单独的 html 标记加载到 iframe 中。您可以为该标记分配所需的任何样式规则，但我怀疑您会遇到透明度问题。

这不是 Colorbox 问题，更多的是 IE 对透明度的不稳定支持。

这个 Stackoverflow 问题可能会帮助您解决问题： Transparent Iframe Body

一切顺利，

KJM

【讨论】：

正如我在原始问题中发布的那样，这不是如何对 iframe 执行此操作的问题，而是如何对由 colorbox 创建的 iframe 执行此操作的问题。
Colorbox 不会对 iframe 施加任何特定的样式规则，除了整体高度和宽度尺寸。如果您可以在独立的 HTML 页面上实现您所追求的效果，那么很可能使用 ColorBox。如果没有，您将需要查找优先于 iframe 的 ColorBox CSS 规则，但我从未见过这种情况发生。