Question

您好我正在使用一块jquery根据视口宽度通过图片元素交换背景图片。它在mst浏览器中工作，除了11。

有谁知道为什么？非常感谢。提前谢谢。

function setImgBackground(){
$('.banner-item').each( function(){
  var $this = $(this);
  var picture = $this.find('picture').get(0);
  var src = picture.getElementsByTagName('img')[0].currentSrc;

  $(this).css({
      'background-image':'url('+src+')'
  });
 });
}


<ul class="bannerContainer">
<li class="banner-item full about">
<picture>
  <!--[if IE 9]></video><![endif]-->
  <source srcset="https://via.placeholder.com/1664x412?
 text=desktop_1664x412" media="(min-width: 960px)">
    <source srcset="https://via.placeholder.com/768x500?text=tablet_768x500"  media="(min-width: 768px)">
  <source srcset="https://via.placeholder.com/414x500?text=mobile_414x500"  media="(min-width: 0px)">
  <!--[if IE 9]></video><![endif]-->
  <img alt="product" class="mobileBg">
</picture>
</li>
</ul>

以下是codepen

的链接

jquery - 图片元素交换即11

0 个答案: