Hey. Yeah I was doing the exercise on w3schools.com about multiple background images. I used my images since I couldn’t capture theirs off of the page. Apparently you need to set the width and height of the element so that the background can fill it completely. They didnt specify width and height for the div element and magically it works for them. So I solved it like this:
*I set the width and height for the div element.
*Set the repeat to no repeat for both (since they were using repeat to repeat the paper background. I didn’t need to do so since my underlying background is a complete image and doesnt make sense to repeat) and
*switched the positions so that the smaller image is the one on top.
The rest is work I did unrelated to this.
Here is the result:
Teacher ain’t always right! Haha
Thanks for the reply tho.
And yeah all of the id’s and classes have been applied on their corresponding elements.