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

关于背景图片的问题,为何背景图片显示路径有问题?

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>导航菜单</title>
   <style>
       *{margin:0;padding:0;}
       li{float:left;margin-top:20px;}
       ul{height:60px;padding-left:50px;list-style:none;border-bottom: 5px solid indianred}
       a{
           text-indent:20px;
           text-decoration: none;
           display:block;
           line-height:40px;width:100px;
           background-color: #efefef;margin-right:1px;
           float:left;
           background:url(‪H:\网页\picture\btnBg.png);

       }
       a:hover{
           background-color:greenyellow;
           color:orange;
       }
   </style>

</head>
<body>
<ul>
   <li><a href="#">首    页</a></li>
   <li><a href="#">四川新闻</a></li>
   <li><a href="#">广东新闻</a></li>
   <li><a href="#">北京新闻</a></li>
</ul>
</body>
</html>

正在回答

2 回答

注意:路径的斜杠和反斜杠。

background:url(‪H:\网页\picture\btnBg.png);

应该写成:

background:url(‪H:/网页/picture/btnBg.png);


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

这个图片显示的是相对路径,如果你要在别的编辑器引用图片请用绝对路径

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

慕九州6698753 提问者

我用的是绝对路径啊
2016-07-24 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

关于背景图片的问题,为何背景图片显示路径有问题?

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