html div背景图像未显示

html div背景图像未显示,html,css,background,Html,Css,Background,我正在制作一个网页(当然我是新手),背景图片不会出现在div中。我尝试了背景图片和背景,但它们都不起作用。。。这是密码 如果有人能帮忙那就太好了 <!DOCTYPE html> <html> <head> <style type="text/css"> body {background-color:gray;} </style> </head> <body> <div style="ba

我正在制作一个网页(当然我是新手),背景图片不会出现在div中。我尝试了背景图片和背景,但它们都不起作用。。。这是密码

如果有人能帮忙那就太好了

<!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>

正文{背景色:灰色;}

我建议将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>

正文{背景色:灰色;}
#mydiv{
背景图片:url('/ximages/websiteheader1.png');
背景重复:无重复;
背景尺寸:包含;
高度:200px;宽度:1200px;
}
如果这不起作用,请尝试在浏览器的开发人员工具中检查响应代码,并确保url正确


希望这有帮助

关于路径的快速小课程

绝对路径
http://website.com/assets/image.jpg

如果图像不在您的域中-请在那里查找图像


//website.com/assets/image.jpg

使用http或https协议加载图像


相对路径 (如果映像位于同一服务器上,则供内部使用)


image.jpg

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


/image.jpg

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


/assets/image.jpg

类似于绝对路径,只需省略协议和域名
从我的根文件夹
/
开始搜索我的图像,然后搜索到
资产/


assets/image.jpg

这次资产与文档位于同一位置,因此进入资产查看图像


。/assets/image.jpg

从文档所在的位置,转到一个文件夹,返回,进入资产


。/../image.jpg

进入两个文件夹,返回,这是我的图片


。/../assets/image.jpg

进入两个文件夹返回
。/../
然后进入
资产
我遇到了同样的问题 我更正了相对路径,使其从与页面相同的文件夹开始,并正常工作: url(./images/1.jpg)而不是url(/images/1.jpg) 我在某个地方读到,最好总是这样做。
让我知道它是否有效。

对我来说,这是因为我使用了角度元素指令来设置背景,但我忘记了将“显示”设置为“块”。啊!我花了很多时间来解决这个问题!如果它是一个属性指令,我可能不会遇到这种情况。

事实上,我也遇到了同样的问题。 解决这个问题的办法就在这里。 你必须改变你的道路
背景图像:url('/ximages/websiteheader1.png')
; 到
背景图像:url('ximages/websiteheader1.png')


实际上,请从图像路径中删除第一个
/

您可以再次检查图像路径是否正确吗?我可以,我已经检查了三个以上的路径times@AbdulAhmad你应该第四次检查,因为这是你的问题。是的,确实是,我刚刚用一个不同的链接运行了你的脚本,图像显示很好,现在显示出来了,谢谢大家