jQuery图像滑块未在IE7上显示内容

我有一个jQuery滑块，它可以交换图像和文本，我遇到的问题是，在IE7及以下版本中，我无法使幻灯片内容显示在图像上方

示例（IE7）：

（铬）

这是网站：

我尝试过修改图像和文本

z-index

，但这并不影响IE7。有没有办法解决这个问题

我还注意到箭头也不见了

编辑：

JSFIDDLE：

代码：

HTML（部分）：

---

修好了！！通过更改包装器的CSS：

#home #content #top-slide .wrapper {
    position:relative;
    z-index:9998;
}

我在更换箭头的容器时也想到了：

#home #content #top-slide .arrows {
    width:1100px;
    margin:0 auto;
    height:300px;
    position:relative;
    z-index:9998;
}

---

修好了！！通过更改包装器的CSS：

#home #content #top-slide .wrapper {
    position:relative;
    z-index:9998;
}

我在更换箭头的容器时也想到了：

#home #content #top-slide .arrows {
    width:1100px;
    margin:0 auto;
    height:300px;
    position:relative;
    z-index:9998;
}

---

“ie7及以下”~ ie7以下？真的吗？你应该在你的OP中包含相关的代码，还应该构建一个JSFIDLE演示程序来再现这个问题。我现在正在为你做一件事：）代码和FIDLE为每个人“ie7及以下”~ ie7以下？真的吗？你应该在你的OP中包含相关的代码，还应该构建一个JSFIDLE演示程序，演示再现这个问题的最简单的代码。我现在为你做一件事：）代码，为每个人做一件事

#home #content #top-slide .arrows {
    width:1100px;
    margin:0 auto;
    height:300px;
    position:relative;
    z-index:9998;
}