gpt4 book ai didi

html div 背景图片不显示

转载 作者:太空狗 更新时间:2023-10-29 13:54:16 27 4
gpt4 key购买 nike

我正在处理一个网页(当然我是新手)并且背景图像不会显示在 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>

最佳答案

我建议将您的 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 正确。

希望这对您有所帮助!

关于html div 背景图片不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21272395/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com