Recently, I successfully set up a LAMP server on my raspberrypi which was quite exciting. One of the first things I did was configure an FTP server to transfer webpage files to the Pi. I managed to create a basic form of the final webpage and transferred it along with 2 images, an html file, and a css file to my Pi over ftp. However, when I tried to view the webpage through my browser using the Pi's IP address (192.168.1.9), I only saw the title image and text without the background image I had set.
I experimented with both inline and external styles to set the background image but neither seemed to work. The background image itself is fairly large at 2.3MB and has dimensions of 2560x1600. Here is the snippet of its css:
#main {
background-image:url(background.png);
background-size: cover;
position:float;
}
Interestingly, I can open the webpage by directly opening the file, but it fails to display properly through the server. I am puzzled as to why the background image isn't showing up despite multiple attempts to reupload the files. It remains a mystery.