如何在SHADOWBOX中聲明div的CSS屬性？

我已經創建了一個使用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構成。請幫忙！！

來源

2014-09-04 Gogul

單純以Div1構成添加CSS爲：

#Div1{ 
    background: #CCCCCC; 
}

來源

2014-09-04 14:21:39

我試過了。我嘗試了所有聲明CSS的方法（使用id，class，inline，external），但我發現沒有改變。爲什麼？ – Gogul 2014-09-04 14:27:59

這是因爲太極拳只使用＃Div1構成的內容，而不是它的風格。我對shadowbox不熟悉，但是Shadowbox.open中可能有另一個配置項，它可以讓你設計div的樣式。

來源

2014-09-04 14:30:16 evilunix

它看起來像沒有選擇這樣做...您可能需要使用不同的插件來完成這項工作。 – evilunix 2014-09-04 14:33:00

如何在SHADOWBOX中聲明div的CSS屬性？

回答

相關問題