用sublime或者DW 写CSS时插入怎么插入背景图片啊，我按照属性的地址添加进去后依然咋就网页中显示不出来-慕课网

首页课程实战体系课手记专栏慕课教程

用sublime或者DW 写CSS时插入怎么插入背景图片啊，我按照属性的地址添加进去后依然咋就网页中显示不出来

来源：3-2 企业网站制作之页面头部制作（一）

beiciye

2015-12-09 17:04

.top{

width: 100%;height: 27px;background:url(E:\buju\images\top_bg.jpg)0 0 repeat-x;

}

写回答关注

9回答

李晓健: 2015-12-09 17:30:26

已采纳

<!DOCTYPE HTML>
<html>
<head>
    <title>企业网站</title>
    <meta http-equiv="Content-Type" Content="text" charset="utf-8">
    <style>
        *{
            margin: 0;padding: 0;font-size: 12px;
        }
        body{
            background: #f5f5f5
        }
        .top{
            width: 100%;height: 27px;background:url(http://img.mukewang.com/user/5458506b0001de5502200220-40-40.jpg) 0 0 repeat-x;
        }
    </style>
</head>
<body>
<div class="top">
    <div class="top_content">
        <ul>
            <li>设为首页</li>
            <li>设为收藏</li>
            <li>联系我们</li>
            <!--你这里少一个结束的ul--->
        </ul>
    </div>
</div> <!-- top结束 -->
</body>
</html>

没有问题的，如果还是不显示就是你的图片路径的问题

2 0

李晓健回复beiciy...

路径最好用相对路径或绝对路径，不要用本地路径，比喻你的那种 E:\ 用本地盘符开头的路径

2015-12-09 17:48:33

共 2 条回复 >

qq_BIG_3

2016-10-17 15:43:05

同样没解决。。。放到同一个目录下可以。。。

0 0
弋戈为二

2016-09-29 18:34:30

楼主，我也这个问题，你解决了没，我用的sublime

0 0
李现很忙3831986

2016-08-28 23:57:34

我还是没弄懂

0 0
echo_kinchao

2015-12-09 22:03:31

是不是相对路径不对

1 0

beiciy...

最后是用相对路径解决的

2015-12-10 08:45:47

共 1 条回复 >
卡小二

2015-12-09 17:25:23

我也碰到过，是你的路径不对，你放到css背景图路径再向上翻一层，多加个../

1 0

beiciy...

同样的途径不同图片却可以用img标签实现啊

2015-12-09 17:31:38

共 1 条回复 >
beiciye

2015-12-09 17:23:55

<!DOCTYPE HTML>
<html>
<head>
<title>企业网站</title>
<meta http-equiv="Content-Type" Content="text" charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/mu.css">
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li>设为首页</li>
<li>设为收藏</li>
<li>联系我们</li>
</div>
</div> 
</body>
</html>

*{
margin: 0;padding: 0;font-size: 12px;
}
body{
background: #f5f5f5
}
.top{
width: 100%;height: 27px;background:url(E:\buju\images\top_bg.jpg)0 0 repeat-x;
}

0 0
李晓健

2015-12-09 17:11:07

不好意思。回答错地了。
路径用相对路径试试

3 0

beiciy... 回复李晓健

在下面，上部分是html代码，下部分是CSS代码。试了好几张图片，background中都无法引入背景图片

2015-12-09 17:25:00

共 3 条回复 >
李晓健

2015-12-09 17:08:57

源码里是有这个样式的

1 0

beiciy...

没看懂。。。

2015-12-09 17:11:49

共 1 条回复 >