请选择 进入手机版 | 继续访问电脑版

 找回密码
 注册

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 地图任务 - 给官方提建议

论坛活动及任务 归纳网站最新活动 请更新论坛注册邮件 第一季积分兑换活动 - 12周年上海聚会照片

万元奖励等你拿——点点网模板设计大赛 畅销译文征名——让最火的畅销书,印上你的标签 看看有才会员作品,欢迎打分拍砖

查看: 1887|回复: 15

div+css為什麽我看不到背景圖? [复制链接]

2380971 楼主
帖子
69
体力
185
威望
0
发表于 2008-5-26 23:13:00 |显示全部楼层
如題,~直接插入圖片就可以,,什麽意思、?
我加入背景的時候提示:
若要創建文檔相對路徑,您應該首先保存文檔。
在您保存文檔之前將使用’file://'路徑


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {
        margin: 0px;
        padding: 0px;
}
body{
        height:600px;
        width:800px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;}
         #head{
        height:75px;
        width:800px;
        text-align: center;
}

#header{
        background-image: url(file:///D|/web/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/chunmei/%E6%9C%AA%E5%91%BD%E5%90%8D-1_r1_c2.gif);
        background-repeat: no-repeat;
        height: 75px;
        width: 40px;
        float: left;
}
#header_1{
        background-image: url(file:///D|/web/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/chunmei/%E6%9C%AA%E5%91%BD%E5%90%8D-1_r1_c15.gif);
        background-repeat: repeat-x;
        height: 75px;
        width: 720px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        float: left;
}
#header_2{
        background-image: url(file:///D|/web/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/chunmei/%E6%9C%AA%E5%91%BD%E5%90%8D-1_r1_c17.gif);
        background-repeat: no-repeat;
        float: right;
        height: 75px;
        width: 40px;
}

-->
       
</style>
</head>

<body>
<div id="head">
<div id="header"></div>
<div id="header_1"><img src="file:///D|/web/新建文件夹/chunmei/未命名-1_r2_c7.gif" width="184" height="74" /></div>
<div id="header_2"></div>
</div>
</body>
</html>

我爱阿仙奴

银牌会员  

帖子
571
体力
2056
威望
1
居住地
广东省 深圳市
发表于 2008-5-26 23:19:38 |显示全部楼层
路径不用加file吧

[ 本帖最后由 zidanezhicong 于 2008-5-26 23:23 编辑 ]
<del>IE</del>
2380971 楼主
帖子
69
体力
185
威望
0
发表于 2008-5-27 01:02:02 |显示全部楼层
不加~但是又顯示不出來。。~
在線等,,高手幫幫忙!

经典木头

高级会员

帖子
468
体力
954
威望
5
居住地
福建省 泉州市
发表于 2008-5-27 01:45:53 |显示全部楼层
不要用绝对路径.
不要用中文名啊~~`

小秦

版主  

帖子
2876
体力
6643
威望
12
发表于 2008-5-27 08:38:04 |显示全部楼层

 提示:您可以先修改部分代码再运行

龙江曦月

中级会员

帖子
233
体力
467
威望
0
居住地
福建省 泉州市
发表于 2008-5-27 09:55:20 |显示全部楼层
文件路径:

网页文件夹
     ┝ images(图片文件夹)
    ┝ index.html (网页文件)
      ......

这样在网页中的css背景图片路径:images/图片文件名
帖子
24
体力
113
威望
0
居住地
陕西省 西安市
发表于 2009-5-16 01:37:16 |显示全部楼层
正确建立站点。文件采取在根目录下建立所属文件夹!你应该可以避免那个问题!
q:6281470
帖子
25
体力
150
威望
0
居住地
河南省 郑州市
发表于 2009-6-1 08:28:30 |显示全部楼层
自己测试不要用绝对路径
帖子
192
体力
881
威望
0
居住地
广东省 深圳市
发表于 2009-6-1 09:04:07 |显示全部楼层
background-image
background-repeat
合起来写

山东夜生活

高级会员  

帖子
337
体力
688
威望
0
居住地
山东省 济南市
发表于 2009-6-1 09:39:45 |显示全部楼层
是你用的别的地方的图,你得放在这个images下
帖子
8
体力
26
威望
0
发表于 2009-6-1 10:57:15 |显示全部楼层

这样就可以了~!!

在程序所在的跟目录下写路径,直接避免了这种情况~!!
建个包images,把所有的PIC都存在该目录下
引用:css{
        background:url(images/???.jpg) no-repeat;
        }
帖子
59
体力
206
威望
0
发表于 2009-6-1 14:05:48 |显示全部楼层
路径写错了
帖子
70
体力
331
威望
0
居住地
河南省 郑州市
发表于 2009-6-1 14:16:29 |显示全部楼层
是呀,怎么可以用中文名称呢,不认中文的。
帖子
22
体力
1618
威望
0
发表于 2009-6-1 14:19:14 |显示全部楼层
用本地的绝对路径当然不行,要么你就用相对路径,要么用英文的绝对路径,并不要你把盘符都加上。

http://www.websige.com/
帖子
194
体力
327
威望
0
发表于 2009-6-1 15:20:31 |显示全部楼层
路径错了,站点要建好,最好不要写绝对路径
帖子
171
体力
531
威望
0
发表于 2009-6-1 17:01:31 |显示全部楼层
做网站前,先建本地站点,能避免类似这样的问题!dw没有用好!查查什么是绝对路径什么是相对路径
您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-1-10 14:32 , Processed in 0.616536 second(s), 8 queries , Gzip On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部