求教!div中的背景图片无法显示。_html/css_WEB-ITnose
程序员文章站
2022-05-08 10:49:37
...
这是我的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的设置尺寸一模一样啊。求大神们看看我代码哪里出了问题。
这是我的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
如果是站点下的图,用虚拟路径,不要写盘符
推荐阅读
-
两个div左右并列显示,右边的div里有图片,图片太大时,会挤压左边的div,怎么办?_html/css_WEB-ITnose
-
我这个li中的文字为什么在chrome下无法垂直居中?_html/css_WEB-ITnose
-
div中的onclick 提交表单_html/css_WEB-ITnose
-
请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose
-
div中有一个marquee标签,marquee中有滚动显示的文字,如何让文字在div中垂直居中从右向左滚动显示?_html/css_WEB-ITnose
-
ImageGetter 显示 Html 中的图片_html/css_WEB-ITnose
-
css中如果没有设置display,则无法显示动画效果!_html/css_WEB-ITnose
-
div+csS中的一些技巧和浏览器兼容的办法_html/css_WEB-ITnose
-
IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose