javascript - 如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中运行？

Question

我正在使用 ResponsiveSlides.js(http://responsive-slides.viljamis.com/) 在我正在开发的网站上显示幻灯片。它在 Opera、Chrome 和 Firefox 中完美运行，但 IE 显示的图像比预期的大得多。这是一个例子(http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。 ResponsiveSlides.js 提供的演示代码工作正常，我看不出有什么区别。谁能告诉我我做错了什么？

谢谢。

Answer 1

很可能 max-width: 400px 可能是问题所在，因为 IE 可能无法识别它。我还没有做过研究，因为我即将下类回家，但是......这样说:

<li><div style="width:400px;">[rest of code inside<li></li>]</div></li>

这可能不会自动调整其中图像的大小，但至少应该限制。然后您可能需要一些额外的代码来减小它们的大小。希望能帮助到你。如果当我回家时没有其他人帮助你，我会尽力解决这个问题，而不仅仅是给出提示。祝你好运:)

编辑:

<li id="rslides1_s0" style="display: none; float: none; position: absolute; " class=""><div style="width:400px;"><img src="./IE Maxwidth Test_files/test-pic1.jpg" alt=""></div></li>

使列表项看起来像这些(注意添加的)，并且它在 IE 中已修复:)