请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站腾讯微博新浪微博
客服QQ 800003860切换到窄版

 找回密码
 注册

只需一步，快速开始

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

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

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

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › div+css為什麽我看不到背景圖？
返回列表
查看: 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>
西部数码顶级域名注册商39元抢注！

使用道具 举报

zidanezhicong　

我爱阿仙奴

银牌会员  

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

[ 本帖最后由 zidanezhicong 于 2008-5-26 23:23 编辑 ]
<del>IE</del>
租服务器，上51IDC [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

2380971　楼主
帖子
69
体力
185
威望
0
发表于 2008-5-27 01:02:02 |显示全部楼层
不加~但是又顯示不出來。。~
在線等，，高手幫幫忙！

使用道具 举报

mudoo　

经典木头

高级会员

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

使用道具 举报

faeng220　

小秦

版主  

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

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

偶系小秦！

使用道具 举报

fishcynn　

龙江曦月

中级会员

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

网页文件夹
     ┝ images（图片文件夹）
    ┝ index.html （网页文件）
      ......

这样在网页中的css背景图片路径：images/图片文件名

使用道具 举报

CHENA　
帖子
24
体力
113
威望
0
居住地
陕西省 西安市
发表于 2009-5-16 01:37:16 |显示全部楼层
正确建立站点。文件采取在根目录下建立所属文件夹！你应该可以避免那个问题！
q:6281470

使用道具 举报

yanzhanwei　
帖子
25
体力
150
威望
0
居住地
河南省 郑州市
发表于 2009-6-1 08:28:30 |显示全部楼层
自己测试不要用绝对路径

使用道具 举报

GMX602　
帖子
192
体力
881
威望
0
居住地
广东省 深圳市
发表于 2009-6-1 09:04:07 |显示全部楼层
background-image
background-repeat
合起来写

使用道具 举报

zhenpu　

山东夜生活

高级会员  

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

使用道具 举报

benvv　
帖子
8
体力
26
威望
0
发表于 2009-6-1 10:57:15 |显示全部楼层

这样就可以了~!!

在程序所在的跟目录下写路径,直接避免了这种情况~!!
建个包images,把所有的PIC都存在该目录下
引用:css{
        background:url(images/???.jpg) no-repeat;
        }

使用道具 举报

liuyake　
帖子
59
体力
206
威望
0
发表于 2009-6-1 14:05:48 |显示全部楼层
路径写错了

使用道具 举报

gfm8612　
帖子
70
体力
331
威望
0
居住地
河南省 郑州市
发表于 2009-6-1 14:16:29 |显示全部楼层
是呀，怎么可以用中文名称呢，不认中文的。

使用道具 举报

xuyanqiu0615　
帖子
22
体力
1618
威望
0
发表于 2009-6-1 14:19:14 |显示全部楼层
用本地的绝对路径当然不行，要么你就用相对路径，要么用英文的绝对路径，并不要你把盘符都加上。

http://www.websige.com/

使用道具 举报

lucy99　
帖子
194
体力
327
威望
0
发表于 2009-6-1 15:20:31 |显示全部楼层
路径错了，站点要建好，最好不要写绝对路径

使用道具 举报

mangoyang　
帖子
171
体力
531
威望
0
发表于 2009-6-1 17:01:31 |显示全部楼层
做网站前,先建本地站点,能避免类似这样的问题!dw没有用好!查查什么是绝对路径什么是相对路径

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Html Smilies
您需要登录后才可以回帖 登录 | 注册

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.

回顶部