如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中工作？答案

【问题标题】：How can one get a ResponsiveSlides slideshow to work in Internet Explorer?如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中工作？
【发布时间】：2023-03-31 09:33:01
【问题描述】：

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

谢谢。

【问题讨论】：

您需要与幻灯片的作者沟通，看看是否存在已知错误或您是否做错了什么。你会因为提出一个非常笼统的问题而没有提供代码或标记供任何人进行故障排除而受到抨击。
我不喜欢使用的 max-width css 属性。也许您可以找到不同的解决方案，因为所有其他元素都占据了该父 div 的整个区域，并且只有滑块是 400 像素，您可以使用宽度：400 像素而不是最大宽度。也许这有帮助。
@Jay Blanchard - 他实际上提供了代码:) 而且这个问题根本不是通用的。

标签： javascript jquery internet-explorer jquery-plugins slideshow

【解决方案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 中是固定的:)

【讨论】：

顺便说一句：回答你的问题“谁能告诉我我做错了什么？” - 我认为这个问题的错误可能是创建者的疏忽 :) IE 现在不是很流行，这可能导致无法对其进行测试。此外，CSS3 还不是很稳定，将来仍然可以更改，因此 IE 可以简单地删除/更改/尚未添加 max-width 的属性，或者命名不同:)