背景图片不显示
<!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>似花还似非花，也无人惜从教坠⑶。抛家傍路，思量却是，无情有思⑷。萦损柔肠⑸，困酣娇眼⑹，欲开还闭。梦随风万里，寻郎去处，又还被、莺呼起⑺。
不恨此花飞尽，恨西园、落红难缀⑻。晓来雨过，遗踪何在？一池萍碎⑼。春色三分⑽，二分尘土，一分流水。细看来，不是杨花，点点是离人泪。 </p>
</body>
</head>
</html>
本帖最后由 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. 文件位置：确保图片文件实际上存在于指定的位置。可以通过在文件资源管理器中导航到图片路径来验证。如果图片不存在，可以尝试将图片移动到正确的位置或更改路径以指向正确的位置。
页:
[1]