老师请问为什么我backg的url没起作用呢

老师请问为什么我backg的url没起作用呢

p{

    margin: 0;

    padding: 0;

    display:inline-block;

}


/* #top模块样式 */

.top {

    line-height:30px ;

    font-size: 13px;

    color: #868686;

}

.top .call{

    float: left;

    padding-left: 20px;

    background: url(css\img\icon-call.png) no-repeat center left;

}/* 老师,为什么此处用相对路径没有显示并且报错呢? ↑↑*/


.top .welcome{

    float: right;

}


.top a {

    color: #2da5e1;

    padding-left: 10px;

    text-decoration: none;

}


/* header模块样式 */

.header .wrap .logo{

    width: 402px;

    height: 74px;

    padding: 9px 0;

    display: inline-block;

}

.header .logo img{

    width: 100%;

    height: 100%;

}

.header .search{

    width: 326px;

    height: 38px;

    position: absolute;

    right: 0px;

    top: 29px;

    background-color: orange;

}

/* nav模块样式 */

.nav .wrap .link{

    color: #fff;

    padding-left: 75px;

    text-decoration: none;

    line-height: 36px;

}


.nav .wrap .right{

    float: right;

}


/* banner模块样式 */

.banner .caption{

    background-image: url(..\img\bg-department.jpg);

}


正在回答

登陆购买课程后可参与讨论,去登陆

5回答

同学你好,不是说完全不对。只是之前那样写,不规范,识别的时候,可能会导致错误。

不过还是要添加宽高的。元素没有宽高的话,就没有背景,所以背景图片也是无法显示的。可以在核查下。若还是无法解决,可以将完整的代码粘贴下,并详细的说明下,是那个视频中的代码。便于准确的定位与解决问题。

祝学习愉快~


好帮手慕糖 2020-02-10 19:31:14

同学你好,在你的另一个回答中进行了回复,可以查看问题:https://class.imooc.com/course/qadetail/191073

祝学习愉快~~

好帮手慕糖 2020-02-10 13:52:46

同学你好,建议:可以将完整的代码粘贴下,并详细的说明下,是那个视频中的代码。便于准确的定位与解决问题。

祝学习愉快~


  • 提问者 TechnicalTopSales #1
    老师在我问你的另一个问题有代码呀!
    2020-02-10 15:45:01
好帮手慕糖 2020-02-09 17:50:49

同学你好,关于你的问题,回答如下:

1、css应该写在style标签中。

http://img1.sycdn.imooc.com//climg/5e3fd58309c7cfd602640360.jpg

2、这个不是编程题吗?是安装那个视频的代码书写的,可以详细的描述下,便于准确的定位与解决问题。

3、链接地址是否错误,建议:使用引号包裹链接,且使用“/”,例:

http://img1.sycdn.imooc.com//climg/5e3fd5de09e3762a05070061.jpg

祝学习愉快~

  • 提问者 TechnicalTopSales #1
    emm我的css文件是放在css文件里的。。但是如果url格式不对为啥我后面按照这样写地址却是对的,有图片显示出来
    2020-02-09 17:59:46
好帮手慕糖 2020-02-09 16:15:21

同学你好,  background设置的是背景,要是设置背景,那么这个元素必须有宽高,才能够有背景,建议:可以添加下宽高属性。若还是无法解决,可以直接将完整的代码粘贴过来,便于准确的定位与解决问题。

祝学习愉快~

  • 提问者 TechnicalTopSales #1
    可是老师,我是按照视频来的、 .top .call{ float: left; padding-left: 20px; background: url(css\img\icon-call.png) no-repeat center left; }/* 老师,为什么此处用相对路径没有显示并且报错呢? ↑↑*/ <div id="top" class="top"> <div class="wrap"> <p class="call">010-114/1116114电话预约</p> <p class="welcome">欢迎来到城市医院预约挂号统一平台&nbsp;&nbsp;&nbsp; 请&nbsp; <a href="#">登录</a>&nbsp;&nbsp; <a href="#">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">帮助中心</a> </p> </div> </div>
    2020-02-09 16:45:16
  • 提问者 TechnicalTopSales #2
    老师,url里面加“”还是不行啊,单引双引都不行。我是按照视频一句话一句话打的,为什么视频就有我就没有
    2020-02-10 11:02:50
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师