> 웹 프론트엔드 > HTML 튜토리얼 > 求教!div中的背景图片无法显示。_html/css_WEB-ITnose

求教!div中的背景图片无法显示。_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:52:50
원래의
1194명이 탐색했습니다.

这是我的html语言:




这是我的css语言:

div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;text-align:left;}
li{list-style-type:none;}
ul,li {list-style:none;}
a {color:#333; text-decoration:none;}

#header{width:900px;height:100px;margin:0px auto;clear:both;}
#banner{width:900px;height:25px;margin:0px auto;clear:both;background:url(D:\网站建立\HTML程序\诗词库\图片\banner.jpg)repeat;}
#banner li{width:225px;line-height:25px;text-align:center;float:left;background:url(D:\网站建立\HTML程序\诗词库\图片\banner2.jpg)repeat;}
#banner li.last{background:none;}
#banner li a{font-size:19px;color:blue;}
#banner li a:hover{font-weight:bold;color:#ffff00;text-decoration:none;}




目的就是要实现一个导航栏的功能,但现在除了背景图无法显示完都可以了。而且两个背景图的尺寸和我div的设置尺寸一模一样啊。求大神们看看我代码哪里出了问题。


回复讨论(解决方案)

Not allowed to load local resource
放服务器上,如果是本地的也可以换个浏览器测

路径不对
如果不是站点下的图片,用file:///开头

file:///D|/网站建立/HTML程序/诗词库/图片/banner.jpg

如果是站点下的图,用虚拟路径,不要写盘符

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