如何在 SHADOWBOX 中为 div 声明 CSS 属性？答案

【问题标题】：How to declare CSS properties for a div in SHADOWBOX?如何在 SHADOWBOX 中为 div 声明 CSS 属性？
【发布时间】：2014-09-04 14:18:02
【问题描述】：

我创建了一个代码来使用 shadowbox 打开一个 div，但我无法为该 div 设置 CSS 属性。这是我的代码。

<style>
.h2class {
    font-family:'Century Gothic';
    font-weight:lighter;
    color:white;
    padding-left:10px;
}
.DivClass1 {
    display:none;
    background-image:url(~/Images/Image1.jpg);
    background-repeat:no-repeat;
    background-size:cover;

}
</style>
<script>
$(document).ready(function () {
            $(function () {
                Shadowbox.init({
                    skipSetup: true
                });

                $('#Link1').click(function () {
                    var content = $('#Div1').html();
                    Shadowbox.open({
                        content: content,
                        player: 'html',
                        displayNav: false,
                        height: 500,
                        width:400
                    });
                });
</script>
<div id="Div1" class="DivClass1">
                <h2 class="h2class">Hello/h2>
            </div>
<a id="Link1" href="#">Click Me</a>

我需要为 Div1 提供背景图像或背景颜色。请帮忙！！

【问题讨论】：

标签： javascript jquery html css shadowbox

【解决方案1】：

只需将 css 添加到 Div1 为：

#Div1{
    background: #CCCCCC;
}

【讨论】：

我试过了。我尝试了所有声明 CSS 的方法（使用 id、class、inline、external）。但我没有发现任何变化。为什么会这样？

【解决方案2】：

这是因为Shadowbox 只使用#Div1 的内容，而不是它的风格。我对 shadowbox 不熟悉，但可能在 Shadowbox.open 中还有另一个配置项可以让您设置 div 的样式。

【讨论】：

看起来没有选项可以执行此操作...您可能需要使用不同的插件来完成这项工作。