The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!
<div id="container">
<div class="page-takeover-gradient" style="display: block;">
<picture class="hidden-lg">
<source media="(max-width: 768px)" srcset="mobile-768x460.jpg">
<img srcset="" class="img-responsive">
</picture>
</div>
<div class="overlay-gif-inside">
<img src="/path/to/your/filename.gif" />
</div>
</div>
#container {
position: relative;
width: 768px;
height: 460px;
}
.page-takeover-gradient, .overlay-gif-inside {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay-gif-inside {
z-index: 10000;
}
.overlay-gif-inside img {
display: block;
margin-left: auto;
margin-right: auto;
}
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Open in new window
is my code for the banner, I want to overlay a gif over the banner. How should I do this. any help much appreciated.
Thanks.