So I want to insert an image into the lower-right-hand corner of the screen that scrolls with you. To do this on a different site I used this code (but it does nothing on my pet's profile):
BODY
{background:url(
IMG URL) no-repeat fixed right bottom;}
I am pretty sure that I have to do something with THIS code for it to show up, but I'm not sure what:
body, html
{
padding-left:0px;
padding-top:0px;
background-color: ;
background-image: url(IMG URL);
}
They both go into style tags if it wasn't obvious :P Just plunking the image URL into the second code gives me a tiled background, and the qualifiers of "no-repeat" and "fixed right bottom" don't seem to work with it. Can someone help me?
[box=#2faced]
Other event-specific user interactions
✨ ✨ ✨ ✨ ✨
try this code:
body {background-color: transparent; background-image: url(URL); background-position: bottom right; background-attachment:
fixed;background-repeat: no-repeat;}