由于一些写得不好的代码,我们的一个WordPress主题会产生一个奇怪的标签。 Chrome和Edge可以正常读取标记,但Internet Explorer拒绝显示图像。
这是Chrome和Internet Explorer中标记的输出方式。
<img src="<img width=" 806"="" height="605" 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">
我是否可以应用某种前端脚本或代码,以便Internet Explorer显示图像?
我可以使用$('.class').removeAttr('src')
删除src属性,但这似乎无法解决问题。
对于您的观看方式,我已添加了网址:https://www.staging1.prikkabelled.nl/referenties/
答案 0 :(得分:0)
尝试以下方法:
删除src属性,即: src =“&lt; img width =”
删除 806“=”“
我认为上述2应解决您的问题。
答案 1 :(得分:0)
事实上,你的问题不是关于img标签本身,而是关于img标签之前的问题。
在chrome中,我检查了源页面,我发现了这个:
<img src="<img width="430" height="397" ...
我认为您应该在WYSIWYG编辑器中或直接在模板中观察生成的源