2017-07-18 91 views
0

由于代码写得不好,我们的一个WordPress主题会产生一个奇怪的标记。 Chrome和Edge可以很好地读取标记,但Internet Explorer拒绝显示图像。有问题的img标记在Internet Explorer中不显示图像

这是如何在Chrome和Internet Explorer中输出标签。

<img src="&lt;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属性,但这似乎不能解决问题。

让您在观看conveniece,我已经包含的网址:https://www.staging1.prikkabelled.nl/referenties/

+1

通过定位您的图片标签这些属性无疑会因为您的属性不正确而失败。你的'src'属性的值为'< img width ='意思是** 806 **表示没有任何东西对你的其他属性产生多米诺骨牌效应。 – NewToJS

回答

0

事实上,你的问题不是关于img标签本身,而是你的img标签之前的问题。

在Chrome中,我已检查了源页面,我发现这一点:

<img src="<img width="430" height="397" ... 

我想你应该看在你的所见即所得的编辑器生成或直接源在你的模板

0

尝试以下操作:

  1. 删除src属性,即:SRC = “< IMG WIDTH =”

  2. 删除806“=”“

我觉得上面的2应该可以解决你的问题。

+0

我做了jQuery('img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image')。removeAttr('src'); jQuery('img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image')。removeAttr('806'); 但这并没有解决问题 – mdarmanin

相关问题