Comment déclarer des propriétés CSS pour un div dans SHADOWBOX?

Question

J'ai créé un code pour ouvrir une div en utilisant shadowbox, mais je ne peux pas définir les propriétés CSS pour cette div. C'est mon code.

<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> 

Je dois donner une image de fond ou une couleur de fond à Div1. S'il vous plaît aider !!

Answer 1

Ajoutez simplement à Div1 comme css:

#Div1{ 
    background: #CCCCCC; 
} 

Answer 2

C'est parce que Shadowbox utilise uniquement le contenu de # Div1, pas son style. Je ne suis pas familier avec shadowbox, mais il y a probablement un autre élément de configuration dans Shadowbox.open qui vous permettra de styliser le div.