[已解决]背景图片不显示

江一a · 发表于 2023-8-29 21:15:58

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<title>水龙吟.次韵章质夫杨花词</title>
<mcta charset="utf-8">
<mcta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
h1 {color:red}
p {color:blue}
body {background-image: url("C:\Users\86178\Pictures\Camera Roll\WIN_20230615_20_28_33_Pro.jpg")}

</style>
<body>
<h1>水龙吟.次韵章质夫杨花词</h1>
<h2>苏轼</h2>
<p>似花还似非花，也无人惜从教坠⑶。抛家傍路，思量却是，无情有思⑷。萦损柔肠⑸，困酣娇眼⑹，欲开还闭。梦随风万里，寻郎去处，又还被、莺呼起⑺。
不恨此花飞尽，恨西园、落红难缀⑻。晓来雨过，遗踪何在？一池萍碎⑼。春色三分⑽，二分尘土，一分流水。细看来，不是杨花，点点是离人泪。 [1]</p>
</body>

</head>
</html>

最佳答案

月排行榜 / 总排行榜

isdkz

2023-8-29 21:18:08

本帖最后由 isdkz 于 2023-8-29 21:20 编辑

问题分析：

在给定的HTML代码中，背景图片无法显示。

解决方案：

1. 路径问题：首先需要确保图片路径是正确的。在Windows系统中，路径使用反斜杠（\）作为目录分隔符。但在HTML中，需要使用斜杠（/）作为目录分隔符。因此，将图片路径中的反斜杠替换为斜杠，如下所示：

body { background-image: url("C:/Users/86178/Pictures/Camera Roll/WIN_20230615_20_28_33_Pro.jpg"); }

2. 文件位置：确保图片文件实际上存在于指定的位置。可以通过在文件资源管理器中导航到图片路径来验证。如果图片不存在，可以尝试将图片移动到正确的位置或更改路径以指向正确的位置。

跳转到最佳答案楼层

isdkz · 发表于 2023-8-29 21:18:08

本帖最后由 isdkz 于 2023-8-29 21:20 编辑

问题分析：

在给定的HTML代码中，背景图片无法显示。

解决方案：

1. 路径问题：首先需要确保图片路径是正确的。在Windows系统中，路径使用反斜杠（\）作为目录分隔符。但在HTML中，需要使用斜杠（/）作为目录分隔符。因此，将图片路径中的反斜杠替换为斜杠，如下所示：

body { background-image: url("C:/Users/86178/Pictures/Camera Roll/WIN_20230615_20_28_33_Pro.jpg"); }

2. 文件位置：确保图片文件实际上存在于指定的位置。可以通过在文件资源管理器中导航到图片路径来验证。如果图片不存在，可以尝试将图片移动到正确的位置或更改路径以指向正确的位置。

账号		自动登录	找回密码
密码			立即注册