HTML 无法在页面上加载图像答案

【问题标题】：HTML can't load image on pageHTML 无法在页面上加载图像
【发布时间】：2023-05-15 21:26:02
【问题描述】：

在下面的 HTML 中，我想加载一张图片，但正如您在下面看到的那样，图片已发送但未显示。有任何想法吗？也许是 CSS 的问题？（我正在使用物化 CSS）

<html>

{% extends "main/header.html" %}

{% load static %}
{% block content %}

<img src="{% static 'images/MOA_LOGO_p.jpg' %}" alt="logo" >

{% endblock %}

编辑：检查员模式：

【问题讨论】：

为图像添加宽度和高度看看是否有帮助，您可以检查检查元素以了解图像的渲染宽度和高度
@DeonDazy 没用 :(
将鼠标悬停在检查元素中的图像上时会显示什么？
@DeonDazy 有东西但没有显示（检查我添加截图的问题）

标签： python html css django

【解决方案1】：

您的不透明度在您的 CSS 中设置为 0。

将不透明度设置为 1，您应该会看到您的图像

.parallax-container .parallax img {
    opacity: 1;
    width: 100%;
    height: 100%;
}

应该显示图像，然后根据需要更改 CSS，但请确保将不透明度设置为 1。

【讨论】：

我通过