为了账号安全,请及时绑定邮箱和手机立即绑定

为什么背景图片加载不了??

圆角背景存在这个位置:    C:\Users\Administrator.SKY-20171102NHF\Desktop\btnBg.png

若在HTML文件存储的位置 同一文件夹下建立images文件,将btnBg.png图片存在images文件夹中,并且把background:url(C:\Users\Administrator.SKY-20171102NHF\Desktop\btnBg.png);改为

background:url(images/btnBg.png);图片可以加载,请问为什么???




<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

*{margin: 0;padding: 0;font-size: 14px}

ul{list-style: none;height: 50px;border-bottom: 5px solid #f60;padding-left: 30px}

li{float: left;margin-top: 20px}

a{text-decoration: none;display: block;height: 30px;line-height: 30px;width:   120px;background-color: #ccc;margin-bottom: 1px;text-align:   center;background:url(C:\Users\Administrator.SKY-20171102NHF\Desktop\btnBg.png);}

        .on,a:hover{color: #fff;background-position: 0 -30px}


</style>

</head>

<body>

<ul>

<li><a href="#">首  页</a></li>

<li><a href="#">新闻快讯</a></li>

<li><a href="#">产品展示</a></li>

<li><a href="#">售后服务</a></li>

<li><a href="#">联系我们</a></li>

</ul>


</body>

</html>


正在回答

2 回答

在网上查了一下,使用绝对路径的话需要在路径前加上文件协议,例如: file:///C://01.png

1 回复 有任何疑惑可以回复我~
#1

6__6 提问者

谢谢,可以了
2017-11-15 回复 有任何疑惑可以回复我~

你使用的是相对路径,图片换了位置,路径当然也需要改变!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

为什么背景图片加载不了??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信