css路径问题,输入url路径显示不了图片

css url 路径问题

<style type="text/css">
        .container-fulid
        {
             background-image: url(C:\Users\yudawei\Desktop\Models\image\hotel1.jpg);
            background-size:cover;
        } 
    style>

这段代码哪里有问题,我试了好多遍,相对路径绝对路径都试了,就是显示不出来

url不能支持文件路径这种写法
假设你的html在桌面上,你试试看
background-image: url("/Models/image/hotel1.jpg");

斜杠换反斜杠试试

你把图片拉你项目文件夹里

  • 这篇博客: 浏览器、html、css面试题(二)中的 41.从浏览器地址栏输入url到显示页面的步骤 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    • 浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求;
    • 服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、JS、CSS、图象等);
    • 浏览器对加载到的资源(HTML、JS、CSS等)进行语法解析,建立相应的内部数据结构(如HTMLDOM);
    • 载入解析到的资源文件,渲染页面,完成。