I use CSS to put fixed images onto many pages of www.MarainLaw.com. For example, for https://www.marainlaw.com/page.php?here=appeals, this code puts an image onto the upper left corner of the page, as intended:
Code:
.appeals {
background-image: url("../images/appeal5.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
I use analogous code to place a horse on my Animal Cruelty page:
Code:
.animalCruelty {
background-image: url("../images/horse.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
I see my horse on mobile, but not on desktop or laptop.
Note 1: horse.jpg is on the server in its designated folder, as evidenced by its displaying when viewing the Animal Cruelty page on mobile.
Note 2: horse.jpg did formerly show on the Animal Cruelty page. It just seems to have mysteriously stopped working. I am unaware of any related changes I might have made.
Note 3. As indicated in Note 1, these fix images are not fixed when viewed in mobile. I do not know why they display differently in mobile, but that is not the focus of this invitation for assistance.
Can someone help me find my horse?
A.
Bookmarks