Rumah > hujung hadapan web > html tutorial > 求大神赐教,为什么我的图片背景background-image设置没有效果_html/css_WEB-ITnose

求大神赐教,为什么我的图片背景background-image设置没有效果_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 08:57:28
asal
1700 orang telah melayarinya

我想创建一个div盒子,背景为一个图片,可是显示只有空边框,怎么没有图片 ?? 
    nbsp;html >
    
    


    
    我的动画
    
  
    <script> <br /> div=document.createElement("div"); <br /> div.setAttribute("style","width:100px; height:100px; background-image:url(幻片灯.gif); border:red 1px groove; "); <br /> document.body.appendChild(div); <br /> </script>
  
    
    


回复讨论(解决方案)

你的图片路径有问题吧?下面的例子是可以的,考虑浏览器兼容性,还是规范写比较好

	div=document.createElement("div");	div.style.width="100px";	div.style.height="100px";	div.style.backgroundImage="url('http://avatar.csdn.net/D/B/7/1_csdn1843321653.jpg')";	div.style.border="red 1px groove";	document.body.appendChild(div);
Salin selepas log masuk

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan