在损坏的 HTML 标记中使 srcset 属性适用于 Internet Explorer

Question

我有这个损坏的 img 标签，它在 Chrome 和 Edge 浏览器中工作正常。即使 src 属性有问题，它也会加载所有图像。

<a href="https://www.prikkabelled.nl/feestverlichting-voor-de-achtertuin/">
  <img src="<img width="806" height="605" src="https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin.jpg 806w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-152x114.jpg 152w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-768x576.jpg 768w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-253x190.jpg 253w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-506x380.jpg 506w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-600x450.jpg 600w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-200x150.jpg 200w" sizes="(max-width: 806px) 100vw, 806px" />
</a>

但是，Internet Explorer 拒绝加载图像。我知道这应该从源头上解决，但我不对此负责。

我们是否可以应用某种前端修复程序，以便在 IE 中加载图像？

我试过一起删除 src 属性，但无济于事

jQuery( "img.attachment-post-thumbnail" ).removeAttr('src');

Answer 1

你的 HTML 坏了。嵌套 img 标签是不正确的。如果你不能修复可怕的 HTML，也许可以尝试一些 js 将 url 从第一个标签的格式错误的 src 属性中拉出来？？

  $('a img').each(function(){
    $(this).parents('a').html($(this).attr('src'))
  })

在损坏的 HTML 标记中使 srcset 属性适用于 Internet Explorer

Make srcset attribute work for Internet Explorer in broken HTML tag

javascript

jquery

frontend

cross-browser