javascript - 如何在 SHADOWBOX 中为 div 声明 CSS 属性？

Question

我已经创建了一个代码来使用 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 提供背景图像或背景颜色。请帮忙!!

Answer 1

只需将 css 添加到 Div1 为:

#Div1{
    background: #CCCCCC;
}