新手上路，请多包涵

我正在处理一个网页（当然我是新手）并且背景图片不会出现在 div 中。我尝试了 background-image 和 background 但它们都不起作用……这是代码

如果有人可以提供帮助，那就太好了！

 <!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
body {background-color:gray;}
</style>
  </head>
<body>
  <div style="background-image: url('/ximages/websiteheader1.png');height:200px;width:1200px;">
  </div>
</body>
</html>

原文由 Abdul Ahmad 发布，翻译遵循 CC BY-SA 4.0 许可协议

html css background

阅读 760

2 个回答

得票最新

社区维基

发布于
2022-12-19

✓ 已被采纳

我建议将您的 css 从内联范围中移出。假设您的 .png 文件确实存在，请尝试设置背景大小和重复标签。

 <!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
body {background-color:gray;}
#mydiv {
   background-image: url('/ximages/websiteheader1.png');
   background-repeat:no-repeat;
   background-size:contain;
   height:200px;width:1200px;
}
</style>
  </head>
<body>
  <div id="mydiv">
  </div>
</body>
</html>

如果这不起作用，请尝试在浏览器的开发人员工具中检查响应代码并确保 url 正确。

希望这可以帮助！

原文由 dev7 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基

发布于
2022-12-19

快速复习路径

绝对路径

https://website.com/assets/image.jpg

//website.com/assets/image.jpg

使用 http 或 https 协议加载的图像

相对路径

（如果图像在同一台服务器上，则供 _内部使用_）

image.jpg

图像与调用图像的文档位于同一文件夹中！

./image.jpg

同上，图片和调用图片的文档在同一个文件夹！

/assets/image.jpg

类似于绝对路径，只是省略了协议和域名

从我的根文件夹开始搜索我的图像 / ，而不是 assets/

assets/image.jpg

这次资产与文档在同一个地方，所以进入图像资产

../assets/image.jpg

从文档所在的位置，返回一个文件夹 ../ 并进入 assets

../../image.jpg

往后退两个文件夹，这是我的照片！

../../assets/image.jpg

返回两个文件夹 ../../ 然后进入 assets

原文由 Roko C. Buljan 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

Stack Overflow 翻译

子站问答

访问

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

html div 背景图片不显示

绝对路径

相对路径

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

Stack Overflow 翻译