首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >图像未在HTML5和CSS中显示

图像未在HTML5和CSS中显示
EN

Stack Overflow用户
提问于 2016-01-30 23:08:39
回答 1查看 43关注 0票数 0

在过去的两个小时里,我一直在寻找解决方案。我目前正在学习HTML5和CSS只是为了好玩,我只是Visual Studios IDE,因为它工作得很好。您可以在其中创建HTML5页面等。现在,问题来了。

我想要一张背景照片,但没有显示出来。我尝试在它周围设置边框(边框显示在应该显示的“图片”周围)。代码是“正确的”,但我不能让它工作。请帮帮忙。

在标题中,设置type="text/css“的样式。

代码语言:javascript
运行
复制
        #imageonly {
        background-image: url(C:\Users\user\Documents\random.png);
        height: 100px;
        width: 100%;
        border: 1px solid black;
    }

在身体里。

代码语言:javascript
运行
复制
    <div id="imageonly">
</div>

如果你还需要什么,尽管说。如果有人生气了,我很抱歉。我只是真的很困惑。问候Rob。

EN

回答 1

Stack Overflow用户

发布于 2016-01-30 23:29:42

所有资产(css、javascript、图像、字体等)用于web项目的应该相对于web项目的根目录,而不是本地磁盘上的绝对路径。

对于您的情况,在您的项目根目录下创建一个图像文件夹,然后将random.png移动到该文件夹,并将您的样式更新为:

background-image: url(images/random.png);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35103339

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档