根據動態內容設置背景圖片？

-1

我html代碼像下面

<div class="main-div"> 
    <div class="content-div"> 

    </div> 
</div>

來源

2017-09-14 vjy tiwari

你至今嘗試過什麼？ –

如何識別動態內容？ – lpradhap

如果我解釋的是正確的，當你設置動態內容本身時，可能會使用.html（）函數，你也可以使用.css（）函數設置背景。如果不是，您可以使用.html（）獲取內容並繼續執行其餘步驟 –

$(document).ready(function() { 
 
    var imageUrl = 'https://www.stoneycreekhunting.co.nz/2_Key_Features_Rainwear_Insulation.png'; 
 

 
    $("<div class='dynamic-element'/>", { 
 
    text: "" 
 
    }).appendTo(".content-div"); 
 

 
    $('.dynamic-element').css({ 
 
    'background-image': 'url('+imageUrl+')', 
 
    'background-size': 'cover', 
 
    'height': '100%' 
 
    }); 
 
});

.content-div { 
 
    height: 100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="width:120px;height:120px;" class="main-div"> 
 
    <div class="content-div"> 
 

 
    </div> 
 
</div>

來源

2017-09-14 10:56:26 anu

我無法修復主div或內容div的高度寬度，因爲內容div可能會自動填充大型文本內容或圖像等 –

https：///stackoverflow.com/questions/3029422/how-do-i-auto-resize-an-image-to-fit-a-div-container – anu

根據動態內容設置背景圖片？

回答

相關問題