Question

我的网站在Chrome和Safari中运行良好，但某些图片元素无法在Firefox或Internet Explorer中正确显示。我不明白如何解决这个问题。

问题发生在here和 here

图像与标题配对，并通过单击页面底部的按钮行触发。

<div class="slide-caption copy-1">
<div class="slide" id="showcase-1">

字幕工作正常。单击按钮时它们会发生变化。但是，在FireFox和Internet Explorer中的第一张图像之后，与字幕配对的图像不会出现。

或者它是链接的旧版JQuery吗？当我尝试更新到最新版本的JQuery时，所有浏览器中的一切都爆炸了。

请注意，在处理问题时，我已为某些元素添加了1px轮廓。

该网站似乎工作正常，直到最近有人给了我一个抬头。几年前我聘请了这个网站的开发人员，现在他已经不再可用了。所以任何帮助都非常感谢。提前谢谢。

Answer 1

在Chrome（基于webkit的浏览器）中，它可以正常工作，因为.slider-inner div正在使用-webkit-transform属性左右移动。正如您可能从名称中注意到的那样，这是一个webkit浏览器前缀命令，因此它在Firefox中不起作用。

在Firefox中，使用CSS属性.slide-inner移动left div。除非.slider-inner div不是绝对的位置，否则这会有效。将以下内容添加到您的CSS中，它应该可以工作：

.slider-inner {
    position: absolute;
}

作为旁注，您还可以更改Javascript以使用Firefox支持的transform属性。