Reveal.js - Fullscreen images within a specific div tag

I am trying to implement this in order to get something like below:

<body>
<div class="topNavigation">
 ...
 some dynamic stuff that appears at the top of the bage
</div>

<div class=reveal>
 ...
<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif">
 ..
</section>

</div>

</body>

So, I need top navigation in front of the slides, but I also want the slides to fill the entire page of the remaining content. Is it possible?

From the box you can see that the data background is attached to the tag and adds a background image. Can I make this happen in different divs?

+4
source share

All Articles