educative.io

Multy backgrounds

Courses
,
#1

I need to put exactly an image on the left and top corner of a div as a background. left:0 and top:0
What should be the css code?
The body dir is rtl.
I do not want it to moove when resizing the page.
Thanks for a solution.
Masha

Type your question above this line.

Course: https://www.educative.io/collection/5191711974227968/5741031244955648
Lesson: https://www.educative.io/collection/page/5191711974227968/5741031244955648/5739463179239424

#2

Few examples are given below:

  1. You can use this code in CSS “background-position: top left;” or “background-position: 0 0;”

  2. You can apply CSS on a logo or image on HTML page like this using id:
    #abc{
    position:fixed;
    top:0;
    left:0;
    }

div {
background-color: #ffee99;
background-repeat: no-repeat;
width: 300px;
height: 80px;
margin-bottom: 12px;
}
.example{
background-image: url(“abc.gif”);
background-position:0px 0px;
}

#3

Thanks a lot.
It is very comprehensive and instructive .