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

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

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

【问题讨论】:

    标签: jquery iframe colorbox transparent


    【解决方案1】:

    如何使用 css 设置。

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

    【讨论】:

    • 我不想知道 css 解决方案,我的问题更多是彩盒。我不知道如何告诉 colorbox 它需要对 iframe 做什么才能允许透明度。
    【解决方案2】:

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

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

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

    一切顺利,

    KJM

    【讨论】:

    • 正如我在原始问题中发布的那样,这不是如何对 iframe 执行此操作的问题,而是如何对由 colorbox 创建的 iframe 执行此操作的问题。
    • Colorbox 不会对 iframe 施加任何特定的样式规则,除了整体高度和宽度尺寸。如果您可以在独立的 HTML 页面上实现您所追求的效果,那么很可能使用 ColorBox。如果没有,您将需要查找优先于 iframe 的 ColorBox CSS 规则,但我从未见过这种情况发生。
    猜你喜欢
    • 1970-01-01
    • 2012-02-01
    • 1970-01-01
    • 2021-01-09
    • 1970-01-01
    • 2021-08-09
    • 2023-04-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多