改变背景图像css

Question

我有这个简单的代码试图改变div的背景图像。它不起作用。

<div id="lyt_photo_1" style="position:absolute; top:19mm; left:4mm; background-color:#999999; width:21mm; height:27mm;"></div>
<script>$('#lyt_photo_1').css("background-image", "url(/Jellyfish.jpg)");</script>

Answer 1

结帐Demo   它有效，这意味着你的图像目录路径（/Jellyfish.jpg）是错误的

<div id="lyt_photo_1" style="position:absolute; top:19mm;
 left:4mm;  width:21mm; height:27mm;"></div>

$('#lyt_photo_1').css("background-image", "url(http://lh4.ggpht.com/_X6JnoL0U4BY/S-AGp
sMhh4I/AAAAAAAAc2I/PhQJvcAMLgI
/tmp18723_thumb_thumb_thumb.jpg?imgmax=800)");

Answer 2

//将图像链接存储在'src'属性的变量中 var getImageSrc = $（'。yourclassname img'）。attr（'src'）;

//使用上面的变量添加div背景图像 $（'。lyt_photo_1'）。css（'background-image'，'url（'+ getImageSrc +'）'）;