<div>
I have fixed this with placing an image element inside the &lt;Span&gt; tag. Now the issue is with the small screen devices.<br />
<br />

<pre><code id="code-20-41897054-1">&lt;div class=&quot;page-takeover-gradient&quot; style=&quot;display: block;&quot;&gt;
      &lt;picture class=&quot;hidden-lg&quot;&gt;
        &lt;source media=&quot;(max-width: 768px)&quot; srcset=&quot;mobile-768x460.jpg&quot;&gt;
        &lt;img srcset=&quot;&quot; class=&quot;img-responsive&quot;&gt;
      &lt;/picture&gt;
&lt;/div&gt;</code></pre>
<br />
is my code for the banner, I want to overlay a gif over the banner. How should I do this. any help much appreciated.<br />
<br />
Thanks.
</div>


I have fixed this with placing an image element inside the <Span> tag. Now the issue is with the small screen devices.



<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>


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.

<div>
Can we see more code.<br />
<br />
How do you want to overlay the gif - over the whole page or just part of it. It is not clear from your question what the requirement is.<br />
<br />
BTW not all mobile devices support the srcset attribute. You can't rely on it currently to be available in all browsers.
</div>


Can we see more code.

How do you want to overlay the gif - over the whole page or just part of it. It is not clear from your question what the requirement is.

BTW not all mobile devices support the srcset attribute. You can't rely on it currently to be available in all browsers.

<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I am dynamically replacing a background image of an span element with a gif file on page load. and showing back the original image when the gif is played fully once using jquery.<br />
<br />
While hiding gif and showing back the original background image, there is a white background showing up. How to make it transparent, or remove it?<br />
<br />
thanks.
</div>
</div>


Hi,

I am dynamically replacing a background image of an span element with a gif file on page load. and showing back the original image when the gif is played fully once using jquery.

While hiding gif and showing back the original background image, there is a white background showing up. How to make it transparent, or remove it?

thanks.

gif overlay

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.