Jquery 奇怪的CSS定位问题，在响应网站上有音量控制器

我正在为我的主页开发一个响应wordpress主题的原型版本。我在主页上遇到了音量控制器的问题

当图像切换时，它使用position:absolute覆盖图片，然后返回到position:relative

我需要使绝对值相对于菜单的左下角，而不是#wrap的左上角，这样它就不会重叠

我试着把它放在这样一个容器div中：但这似乎不起作用

有什么想法吗

---

IE中存在主要的CSS兼容性问题，请在chrome中尝试。它应该看起来像。当浏览器窗口水平收缩时，整个主题得到补偿。

您的主要内容向上浮动，因此为了解决此问题，我将导航和内容扩展到100%，并向左浮动，以防止重叠

对于id为“navigation”的元素，添加一个float:left样式

然后，对于id为“wrapper”的元素，添加一个float:left和width:100%的样式

---

我只是在Firefox中测试了这个功能，因此您可能需要调整其他一些样式才能在所有浏览器中正常工作。

您的主要内容是向上浮动的，因此为了解决这个问题，我将导航和内容都扩展到100%，并向左浮动，以避免重叠

对于id为“navigation”的元素，添加一个float:left样式

然后，对于id为“wrapper”的元素，添加一个float:left和width:100%的样式

---

我只是在Firefox中测试了它，所以你可能需要调整一些其他样式，使它在所有浏览器中都能正常工作。

结果证明我是个白痴，并且通过有史以来最恼人的打字错误在错误的元素上设置了位置：relative。（.rslider而不是.rslides）

结果证明我是个白痴，通过有史以来最恼人的打字错误在错误的元素上设置了位置：relative。（.rslider而不是.rslides）