【问题标题】: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。

【讨论】:

  • 我通过
最近更新 更多