html div背景图像未显示
我正在制作一个网页(当然我是新手),背景图片不会出现在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
<!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你应该第四次检查,因为这是你的问题。是的,确实是,我刚刚用一个不同的链接运行了你的脚本,图像显示很好,现在显示出来了,谢谢大家