Question

我使用了Drupal 7主题来构建网站。经过一切测试后，客户和我的老板告诉我这个网站需要在ie8中工作。这是一个问题，因为主题包含仅在ie9及更高版本中支持的功能。有内置的noscript后备可以显示，但我无法弄清楚如何使它们显示。

以下是网址，有关在ie8中使用此工作的任何建议吗？

http://museumandgardens.com/portfolio/col3

Answer 1

你是否完全确定问题与IE8处理CSS的方式无关？

如果javascript运行不正常，您可以使用javascript浏览器条件语句避免包含它的某些部分，显示here。

我建议只删除不能正常工作的部分，而不是试图强制它尽可能不使用任何脚本。

Answer 2

我认为你的问题是在一些使用javascript canvas的插件中，IE8不支持。幸运的是，IE有一个名为conditional comments的奇特功能。我不完全记得它是如何工作的，所以我建议两种选择，其中一种应该有效：

<img class="borealis image-style-640x480 borealis-js placeholder" data-borealis-... src="/sites/all/modules/contrib/borealis/borealis_ri/images/blank.gif" alt=""/>
<noscript><!--[if lt IE 9]></noscript><![endif]-->
    <img class="borealis image-style-640x480" typeof="foaf:Image" src="http://museumandgardens.com/sites/default/files/styles/640x480/public/portfolio/WeddingFlowerWindow_2.jpeg?itok=rLdnw9KQ" width="640" height="480" alt="" />
<!--[if lt IE 9]><noscript><![endif]--></noscript>

（在ie8中立即关闭<noscript>标签

或

<img class="borealis image-style-640x480 borealis-js placeholder" data-borealis-... src="/sites/all/modules/contrib/borealis/borealis_ri/images/blank.gif" alt=""/>
<noscript>
    <img class="borealis image-style-640x480" typeof="foaf:Image" src="http://museumandgardens.com/sites/default/files/styles/640x480/public/portfolio/WeddingFlowerWindow_2.jpeg?itok=rLdnw9KQ" width="640" height="480" alt="" />
</noscript>
<!--[if lt IE 9]>
    <img class="borealis image-style-640x480" typeof="foaf:Image" src="http://museumandgardens.com/sites/default/files/styles/640x480/public/portfolio/WeddingFlowerWindow_2.jpeg?itok=rLdnw9KQ" width="640" height="480" alt="" />
<![endif]-->

（ie8的条件评论内的重复<noscript>内容

编辑：更好的灵魂将是修改javascript代码以检查是否支持画布 - 运行花哨的动画，否则 - 回退到静态图像。但是修补第三方图书馆的代码可能太难了。

强制ie8读取noscript标签

2 个答案: