图片未显示 div 类答案

【问题标题】：Image not showing div class图片未显示 div 类
【发布时间】：2022-01-12 11:28:25
【问题描述】：

当我在我的 html 文件中插入图像时，它没有显示在页面上

index.html

<!-- start banner section -->
<section class="xs-banner-sec owl-carousel banner-slider">
    <div class="banner-slider-item banner-item1" style="background-image: url(assets/images/banner-slider/banner_slider_1.jpg);">
        <div class="slider-table">
            <div class="slider-table-cell">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-10 offset-lg-1">
                            <div class="banner-content text-center">
                                <h2>Best Gardening Service</h2>
                                <p>Wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring
                                    whole
                                    heart.
                                </p>

这是我的文件夹

【问题讨论】：

可能在开头 ./assets/images/banner-slider/banner_slider_1.jpg 和 "" 字符内添加一个点，例如 "assets/images/banner-slider/banner_slider_1.jpg"
两个都试过了，都不行
我会尝试创建一个与您相同结构的文件夹并尝试看看会发生什么
我删除了分号希望现在可以使用了
@SamarthMotka 也不起作用

标签： python html image

【解决方案1】：

div 有宽度还是高度？默认情况下，即使使用背景图像，Divs 也不会占用空间，因为它不是考虑的内容。尝试将其设置为 200 像素的高度和 200 像素的宽度以进行测试。

【讨论】：

我觉得就是为了这个，太好了！
将width="200" height="200" 添加到 div 类中，但它也不起作用
在样式组件中添加，宽度和高度不适用于所有标签

【解决方案2】：

你应该写 background 而不是 background -image。因为在我将其更改为背景之前它对我不起作用

<div class="banner-slider-item banner-item1" style="background: url(assets/images/banner-slider/banner_slider_1.jpg);">

【讨论】：