Neocities站点新增图片无法显示 审查元素无对应代码问题求助
问题原因&解决方案
1. 优先修复CSS语法错误
你当前提供的CSS代码存在两处严重语法错误,浏览器解析到错误时会直接中断后续内容的渲染,这是你新增的图片代码完全不显示、甚至在审查元素中找不到的核心原因:
img.a规则属性书写完全不符合规范,缺少冒号、分号分隔符- 末尾的
.eyes选择器没有对应的闭合},导致整个CSS后续规则、甚至HTML内容解析异常
修复后的正确CSS代码如下:
img.a { width: 100px; height: 400px; object-position: 900px; } .center { text-align: center; } .centerimage { display: block; margin-left: auto; margin-right: auto; width: 15%; } .divider { display: block; margin-left: auto; margin-right: auto; width: 10%; } body { background-image: url("https://media.discordapp.net/attachments/602568582403981341/886027448423161886/ezgif-7-cb6f256f81b8.gif"); background-repeat: repeat; background-position: cover; background-size: 800px 900px; } .font1 { font-family: "Blackadder ITC", "Lucida Handwriting"; } .small { font-size: 25px; } .eyes { /* 此处补充你原本要写的.eyes类对应属性,末尾补充闭合大括号 */ }
2. 检查新增图片的插入位置
确认你新增的图片代码是写在<body>标签内部、且位于现有</center>之后</body>之前的位置,写在<html>、<body>闭合标签之外的内容会被浏览器直接忽略,不会渲染也不会出现在审查元素中。
3. 排查Neocities缓存问题
修改保存后使用Ctrl+Shift+R强制刷新页面清除本地缓存,或者打开Neocities后台的文件管理,确认对应HTML文件的修改时间是最新的,避免编辑器保存失败导致修改没有同步到部署版本。
内容的提问来源于stack exchange,提问作者Bosskeep
相关产品推荐
相关产品推荐

