2014-09-04 4 views
0

shadowbox를 사용하여 div를 여는 코드를 만들었지 만 해당 div의 CSS 속성을 설정할 수 없습니다. 이것은 내 코드입니다.SHADOWBOX에서 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에 배경 이미지 또는 배경색을 지정해야합니다. 도와주세요!!

답변

0

간단히로 Div1 CSS를 추가 : 쉐도우는뿐만 아니라이 스타일의 #의 내용 Div1을 사용하고 있기 때문에

#Div1{ 
    background: #CCCCCC; 
} 
+0

나는 그것을 시도했다. 나는 CSS (id, class, inline, external를 사용하여)를 선언하는 모든 방법을 시도했지만 변화가 없다. 왜 이렇게이다? – Gogul

0

이 있습니다. shadowbox에 익숙하지는 않지만 div의 스타일을 지정할 수있는 Shadowbox.open의 또 다른 설정 항목이있을 것입니다.

+0

작업을 수행하는 옵션이없는 것처럼 보입니다 ... 작업에 다른 플러그인을 사용해야 할 수도 있습니다. – evilunix

관련 문제