
CSS样式用链接引用对背景图片不起作用
教程上的实例都是直接在HTML中嵌入的,但是我在练习的时候用的是链接式,同样的代码在CSS独立文件里引用无效,body{background-image:url(bjtp...
教程上的实例都是直接在HTML中嵌入的,但是我在练习的时候用的是链接式,同样的代码在CSS独立文件里引用无效,
body{background-image:url(bjtp.gif);}
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
其他内容都很正常,刚开始我以为是图片的问题,后来直接在HTML中引用居然生效了,
是不是在引用的时候有什么东西要加的,我是这样的,
<link rel="stylesheet" href="index/index.css" type="text/css" media="screen" />
CCS全文如下:
body { margin: 0; background-image:url(bjtp.gif); }
#divmain{width:1600;height:70;float:left;padding:5px;font-size:30px;position:relative;
left:1px;
top:1px;}
div img{float:left;}
li{float:left;}
.hrr{width:1600;height:1;}
hr{float:left;}
#divda{width:1600;height:1601px}
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
#divr{width:300;height:1600;background-color:#87cecb;position:relative;
left:1px;
top:1px;}
#logo{font-size:18px;width:200;height:70;text-align:left;float:left;}
#top{font-size:26px;width:1000;height:70;line-height:70px;text-align:center;background-color:#87cecb;}
#div2{font-size:18px;width:909;height:1200;text-align:left;float:left;position:relative;
left:1px;
top:1px;}
#p0{color:white;background-color:#0000ff;text-align:center;padding:15px;}
#img1{float:left;border:lpx #9999cc dashed;margin:5px;}
#p1{padding:15px;}
#p2{padding:15px;} 展开
body{background-image:url(bjtp.gif);}
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
其他内容都很正常,刚开始我以为是图片的问题,后来直接在HTML中引用居然生效了,
是不是在引用的时候有什么东西要加的,我是这样的,
<link rel="stylesheet" href="index/index.css" type="text/css" media="screen" />
CCS全文如下:
body { margin: 0; background-image:url(bjtp.gif); }
#divmain{width:1600;height:70;float:left;padding:5px;font-size:30px;position:relative;
left:1px;
top:1px;}
div img{float:left;}
li{float:left;}
.hrr{width:1600;height:1;}
hr{float:left;}
#divda{width:1600;height:1601px}
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
#divr{width:300;height:1600;background-color:#87cecb;position:relative;
left:1px;
top:1px;}
#logo{font-size:18px;width:200;height:70;text-align:left;float:left;}
#top{font-size:26px;width:1000;height:70;line-height:70px;text-align:center;background-color:#87cecb;}
#div2{font-size:18px;width:909;height:1200;text-align:left;float:left;position:relative;
left:1px;
top:1px;}
#p0{color:white;background-color:#0000ff;text-align:center;padding:15px;}
#img1{float:left;border:lpx #9999cc dashed;margin:5px;}
#p1{padding:15px;}
#p2{padding:15px;} 展开
4个回答
展开全部
路径不对,把路径整理下就成了。。。
body { margin: 0; background-image:url(bjtp.gif); }
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
url(index/top.gif),url(bjtp.gif); 这两路径明显不一样的
body { margin: 0; background-image:url(bjtp.gif); }
#dao{width:1200px;height:20px;background-image:url(index/top.gif);}
url(index/top.gif),url(bjtp.gif); 这两路径明显不一样的
展开全部
你没有建立站点么?怎么没有路径啊
一般初学的都是建立站点写div的,这样不容易弄错些。
格式:body{ background-image:url(../images/april-2.jpg);}
你的这个background-image:url(bjtp.gif);dw很难找到图片路径的
一般初学的都是建立站点写div的,这样不容易弄错些。
格式:body{ background-image:url(../images/april-2.jpg);}
你的这个background-image:url(bjtp.gif);dw很难找到图片路径的
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是整个CSS都无效吗?要是那样的话。很明显引用的时候是url不对,不然直接引用就也不会生效了。你再看看引用的时候的路径,建议把html与css放在同一个文件夹 ,那样就可以直接引用文件css文件名了。如果就背景图无效,就是背景图引用时路径不对了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
路径不正确,background-image:url(bjtp.gif) background-image:url(index/top.gif);
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询