我正在使用 ResponsiveSlides.js(http://responsive-slides.viljamis.com/) 在我正在开发的网站上显示幻灯片。它在 Opera、Chrome 和 Firefox 中完美运行,但 IE 显示的图像比预期的大得多。这是一个例子(http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。 ResponsiveSlides.js 提供的演示代码工作正常,我看不出有什么区别。谁能告诉我我做错了什么?
谢谢。
最佳答案
很可能 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 中已修复:)
关于javascript - 如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10192980/