2

我有一个 FlexSlider（新版本），每张幻灯片之间都有淡入淡出效果。

滑块在除 IE<=8 之外的所有浏览器中都能正常工作。在 IE8 中，图像褪色很好，但标题中的文字没有褪色，导致幻灯片 1-2、2-3 等之间出现奇怪的即时变化……

我尝试寻找解决方案，但找不到任何有用且有效的方法，是否有解决方案？

提前谢谢你，再见。

这是一个在 IE8 http://jsfiddle.net/VpD7L/3/中显示问题的小 JSFiddle

4

2 回答 2

3

在挣扎了几个小时以找出为什么文本没有褪色之后，我发现问题是 IE8 不喜欢位置：绝对（或相对）和弹性滑块文本容器上的 z-index。所以我使用填充来定位我的文本。

也许这将来对某人有用。

于 2012-08-25T15:22:39.467 回答
1

我以前遇到过这个。可能是您正在使用的某个元素或另一个元素没有应用“布局”，或者一个元素在不需要布局时确实具有布局。

首先要做的是从所涉及的元素中开始应用/重置 haslayout。最可能的情况是文本本身需要将 hasLayout 应用于其包含元素。

从这里： http: //www.satzansatz.de/cssd/onhavelayout.html

如果应用以下 CSS 属性/值对，将允许元素获得布局。

位置：绝对浮动：左|右显示：内联块宽度：“自动”以外的
任何值高度：“自动”以外的
任何值缩放：“正常”（MSDN）以外的任何值
写入模式：tb-rl （MSDN）
溢出：隐藏|滚动|自动
溢出-x|-y：隐藏|滚动|自动
位置：固定最小宽度：任何值
最大宽度：“无”以外的任何值最小高度：任何值
最大-高度：“无”以外的任何值

如果没有其他提供 hasLayout 的属性仍然有效，则在单独的规则集中将以下属性重置为其默认值将重置（或撤消）hasLayout：

宽度，高度（到“自动”）

最大宽度，最大高度（到“无”）（在 IE 7 中）

位置（到“静态”）

浮动（到“无”）溢出（到“可见”）（在 IE 7 中）

缩放（到“正常”）

写作模式（从 'tb-rl' 到 'lr-tb'）

您可以使用 Microsoft 的 Web 开发人员工具栏检查您的元素是否具有布局（如果没有，hasLayout 在开发人员工具栏中将为 -1，如果有，则为 1）。

于 2012-08-24T13:58:46.400 回答