鱼C论坛

 找回密码
 立即注册
查看: 856|回复: 1

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

[复制链接]
发表于 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>
最佳答案
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. 文件位置:确保图片文件实际上存在于指定的位置。可以通过在文件资源管理器中导航到图片路径来验证。如果图片不存在,可以尝试将图片移动到正确的位置或更改路径以指向正确的位置。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 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. 文件位置:确保图片文件实际上存在于指定的位置。可以通过在文件资源管理器中导航到图片路径来验证。如果图片不存在,可以尝试将图片移动到正确的位置或更改路径以指向正确的位置。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-22 02:26

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表