Как объявить свойства CSS для div в SHADOWBOX?

Question

Я создал код для открытия div с помощью shadowbox, но я не могу установить свойства CSS для этого Div. Это мой код.

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

Answer 2

Это потому, что Shadowbox только использует содержание # Div1, не это стиль. Я не знаком с shadowbox, но есть, вероятно, еще один элемент конфигурации в Shadowbox.open, который позволит вам стиль div.