div.navigation {
background-color: #4BF5FF;
width: 100%;
height: 100px;
position: fixed;
}
div.description {
background-color: #1D09AF;
width: 50px;
height: 50px;
position: relative;
top: 200px;
}
In the example above, the description div would ignore the navigation div and overlap it as a user scrolls. The opaque background color of the navigation div is not enough to prevent this from happening.
It says, the description div would ignore the navigation div and overlap it as a user scrolls. but isn’t navigation div hide the descripion div?