My project uses Tailwind and Material UI. I am trying to add a background image to an Avatar component. I am able to do it correctly using the slotProps of the Avatar component by adding the full URL of the…
I am trying to make the background image display on .hero, which means the image will be at the center of the page, but the image doesn't display at all. In "devtools", it shows a warning sign next to the…
I have made a simple background in Figma (1920x1600) and I want to place it as a hero image. But the problem is that the screen resolution can be 1920x800. I also want to place some content on the page.…
I am building a Table of Contents page with a specific design. As per design, each title should be followed by dots till the end of the line. The size of the dots will also vary depending on the title's…
I am trying to get my React App to render a background image in css. I need this because I want to use css queries to get different background image for different screen size. However, React is unable to get…
I use React, NextJS and Tailwind. I want to use some images as background for some cards elements. I first store the images names in an array. const symbols = ['boat_2.png', 'boat.png', 'tortue.jpg', 'surf.jpg']; Then I map the array and…
I need an explaination, how browser (Chrome/FF) load CSS images. According to my current knowledge, images used by CSS as background-image, appear in the network tab as requests, with according CSS file as Initiator. My current experience doesn't cover this…
That my first post here. I'm a self-taught developer and I'd really like to learn how to put an image in the background of a search bar. I can imagine that HTML isn't suitable, but I don't know CSS very…
I have a div element with two background images, both added using JavaScript. The first background image, at the top of the div, is set according to "data-img" attribute, while the second one is always the same. HTML <div class="card"…
I have a basic website where there should be a background image that displays underneath all elements, but when I display it, it never displays underneath the Navigation bar. This even occurs when I set it to a background image,…