1

我正在根据新数据重写我的问题：

我正在使用 AnythingSlider 将单页网站组织到内容面板中。

滑块在 Safari/Chrome 和 FF 中使用所有默认设置。我重新设计了导航和一些美学细节，滑块在所有三个浏览器中仍然可以完美运行（我还没有检查过 IE）。但是，一旦我更改宽度，整个滑块就会在 Safari 和 Chrome 中消失。在FF中看起来很棒！

我觉得我已经颠倒和横向测试过它，无论我做什么，当我将宽度增加到 1000 像素时，它就会消失。

以下是我尝试过的事情：

  • 添加一个容器 div（包裹滑块 ul），将其宽度设置为 1000px，并将我的滑块 ul 设置为 100%。
  • 设置滑块 ul 宽度并将所有面板保持在宽度：100%；
  • 设置滑块 ul 宽度和所有相关的内部项目（面板、内容 div）
  • 设置我所有图像的宽度和高度

由于它似乎都归结为宽度属性，因此我不会费心发布代码，但如果您想查看其中任何一个，请告诉我！我觉得这一定很简单，我只是想念我鼻子前面的东西......任何帮助或想法都非常感谢！

4

1 回答 1

1

解决！我假设是因为我似乎是唯一一个遇到此问题的人，它与网站上其他 div 的设置有关，但这是我为解决此问题所做的工作：

改变这个：

/* Overall Wrapper */
.anythingSlider {
display: block;
overflow: visible !important;
position: relative;
}

使用 position: absolute 代替。

当我在 Safari 中检查 div 并发现滑块位置正常时，我意识到了这个问题，但面板窗口从屏幕上闪避了大约 400 像素。无论如何 - 行为很奇怪（并且特定于 webkit 浏览器），我找不到 Safari 这样做的真正合乎逻辑的理由，但这种解决方法似乎完全有效，现在在 FF、Safari 和 Chrome 中一切看起来都很棒。上IE！

于 2012-06-19T20:20:45.490 回答