Blogger: How to stick a background image to the footer ABOVE ?

Hi ~~everyone

My blog for testing:
https://kayblogfortesting.blogspot.jp/


I added the following:

 body.homepage-view{
 background-image:url("https://i.imgur.com/keRj09k.png" );
 background-position: bottom center ;
 background-repeat:no-repeat;
 background-attachment: fixed;
 background-size: 100%
}

the result is: 
the background image sticks to the bottom of the footer, when I scroll up, 
the background image will show continuously.
I would like to know how I can adjust the CSS, 

so that the image can:
(1) no matter the web browser changes the size , or scroll up and down, it 
will keep on sticking at the ABOVE OF FOOTER.
(2) when the browser cannot see the footer (keep on scrolling up to the 
page top ), the background will also be hidden (not showing continuously).

-- 
You received this message because you are subscribed to the Google Groups "Blogger Developer Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/bloggerdev.
For more options, visit https://groups.google.com/d/optout.