> 웹 프론트엔드 > HTML 튜토리얼 > 求大神赐教,为什么我的图片背景background-image设置没有效果_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 08:57:28
원래의
1695명이 탐색했습니다.

我想创建一个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);
로그인 후 복사

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿