根据动态内容设置背景图像？

Question

如何根据动态内容设置背景图像。

我的html代码如下

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

     </div>
</div>

Answer 1

＆＃13;

＆＃13;

$(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%'
  });
});

＆＃13;

.content-div {
  height: 100%;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;