关于图片的相对路径不能显示图片

关于图片的相对路径不能显示图片

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>图像</title>
    <style>
        .baidu-logo {
            background: url(./img/baidu-logo.png);
            
            width:200px;
            height: 100px;
        }
    </style>
</head>
<body>
    <!-- <img src="http://www.imooc.com/static/img/index/logo.png" alt="imooc-logo" /> -->
    <br><br>
    <!-- <img src="../img/baidu-logo.png"> -->

    <p class="baidu-logo">
    </p>
</body>
</html>


正在回答

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

4回答

可以显示的,这是我在你的代码基础上改了个路径:

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

显示的图片:

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

建议同学检查一下你的png图片是不是有内容。

祝学习愉快!

喜欢做梦的鱼 2018-04-26 11:49:26

url("../img/baidu-logo.png") 两个点,然后加“”

  • 提问者 慕粉113505763 #1
    即使这样仍然不能显示
    2018-04-26 18:13:08
柚子君Sea 2018-04-26 11:29:24

按你这个目录,HTML 文件夹和img的位置以及里面的内容关系,相对路径应该用 ../img 不应该用./img

  • 提问者 慕粉113505763 #1
    url(../img/baidu-logo.png) 即使改成这样,图片仍然无法显示
    2018-04-26 11:33:15
提问者 慕粉113505763 2018-04-26 00:17:37
  • 提问者 慕粉113505763 #1
    绝对路径没问题,相对路径就显示不出图片了
    2018-04-26 00:18:40
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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