html - 无论路径如何,图像都不会显示
问题描述
我刚刚启动了一个包含 5 张图片的非常简单的网站。无论 img 标签中的路径如何,其中 4 幅图像都不会显示。无论 img 标签中的路径如何,第 5 个图像总是显示出来。
我试过“images/imagename.jpg”、“/images.imagename.jpg”、“../images.imagename.jpg”。我尝试将图像放入根目录并使用 src="imagename.jpg"。
这是当前代码: http ://avalynncirce.com/perduco
<!DOCTYPE html>
<html>
<head>
<style>
img {max-height: 100vh;}
</style>
</head>
<body>
<div style="width:20%; float:left; position: fixed;">
<nav>
<ul>
<li><a href="#sv1">Workflow v1 Scatterplot</a></li>
<li><a href="#mv1">Workflow v1 Menu</a></li>
<li><a href="#sv2">Workflow v2 Scatterplot</a></li>
<li><a href="#mt">Collaboration Tool: Sketch (MAC and Online)</a></li>
<li><a href="#mt2">Collaboration Tool Tool: Figma (Windows)</a></li>
</ul>
</nav>
</div>
<div style="width:75%; float:right;">
<section id="sv1">
<hr style="margin: 50px;">
<img src="/images/scatterplotv1.png">
</section>
<section id="mv1">
<hr style="margin: 50px;">
<img src="../images/menuv1.png">
</section>
<section id="sv2">
<hr style="margin: 50px;">
<img src="../images/perduco.png">
</section>
<section id="mt">
<hr style="margin: 50px;">
<img src="../images/perduco-sketch.png">
</section>
<section id="mt2">
<hr style="margin: 50px;">
<img src="../images/figma.png">
</section>
</div>
</body>
</html>
解决方案
推荐阅读
- python - 我想检查字段是否以 .mov 结尾的 Zapier Python zap
- arrays - 来自字符串的bash数组仅保留分隔符之间的内容
- flask-sqlalchemy - 为什么当我将 SQLALCHEMY_DATABASE_URI 设置为“sqlite:///:memory:”时,我将其设置为配置中的路径?
- google-cloud-run - 如何在谷歌云运行中使用存储保险丝?
- javascript - 如何在 JavaScript 中创建一个简单的“悬停和变化”改进版本?
- anypoint-studio - 如何根据CSV中的第一列在Dataweave中实现分组
- javascript - 如何从 html 输入类型时间创建 javascript 日期对象?
- ios - 集成到 ios 应用程序时 Pnet 模型出现问题
- python-3.x - 缩放 PDF 以在峰值显示 100%
- c++ - 只有第一个元素初始化为 1