fullPage.js，内容div放置不正确

Question

You can see my problem and the code in the link below. I am trying to make the .bg div to completly cover the first section, but it ends up only covering 50%.

http://oskarvertetics.kaggteknik.se/portfolio/test2

I have tried playing around with different margins and paddings on different elements but can not get it to work in any way.

Any help would be appreciated!

Answer 1

You can try to add top:0; in your .bg css

.bg {
 opacity: 0.5;
 position: absolute;
 width: 100%;
 height: 100%;
 -webkit-transition: opacity 5s;
 -moz-transition: opacity 5s;
 transition: opacity 5s;
 top: 0;
}