Image not showing div class-CodePudding

When I insert an image on my html file it not showing on the page

index.html

<!-- start banner section -->
<section >
    <div  style="background-image: url(assets/images/banner-slider/banner_slider_1.jpg);">
        <div >
            <div >
                <div >
                    <div >
                        <div >
                            <div >
                                <h2>Best Gardening Service</h2>
                                <p>Wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring
                                    whole
                                    heart.
                                </p>

and this is my folder

CodePudding user response：

you should enclose the image location in inverted commas like this

url('assets/images/banner-slider/banner_slider_1.jpg')

CodePudding user response：

Does the div have a width or height? Divs will not take up space by default even with a background image as it isnt concidered content. Try giving it a height of 200px and a width of 200px just to test.