Flexslider IE8标题文字不会褪色

时间:2012-08-24 13:34:09

标签: jquery css internet-explorer-8 fade flexslider

我有一个FlexSlider(新版本),每个幻灯片之间都有淡入淡出效果。

除了IE< = 8之外,滑块在所有浏览器中都能正常工作。在IE8中,图像很好地消失,但字幕中的文字没有褪色,导致幻灯片1-2,2-3等之间出现奇怪的瞬间变化......

我试图找一个修复但找不到任何有用和有效的方法,有没有解决方案呢?

提前谢谢你, 再见。

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

2 个答案:

答案 0 :(得分:3)

经过几个小时的努力才弄清楚为什么文本没有消失我发现问题是IE8不喜欢位置:绝对(或相对)和z-index在flex滑块文本容器上。 所以我用填充来代替我的文本。

也许这对某人来说将来会有用。

答案 1 :(得分:1)

我之前遇到过这种情况。可能是您正在使用的某个元素或其他元素没有" layout"应用,或者元素在需要时没有布局。

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

从这里开始:http://www.satzansatz.de/cssd/onhavinglayout.html

  

如果应用以下CSS属性/值对,则允许使用   获得布局的元素。

     

位置:绝对   float:left | right    display:内联块    width:除了' auto'
以外的任何值   高度:除了' auto'
之外的任何值   zoom:除了' normal'以外的任何值(MSDN)
  写模式:tb-rl(MSDN)
  溢出:隐藏|滚动|自动
  overflow-x | -y:hidden | scroll | auto
  位置:固定   min-width:任意值
  max-width:除了' none'之外的任何值。   最小高度:任何值
  max-height:除了' none'

之外的任何值      

将以下属性重置为a中的默认值   单独的规则集将重置(或撤消)hasLayout,如果没有其他属性   给hasLayout保持有效:

     

宽度,高度(到'自动')

     

max-width,max-height(至' none')(在IE 7中)

     

位置(到'静态')

     

浮动(到'无')溢出(到'可见')(在IE 7中)

     

缩放(到'正常')

     

写作模式(从' tb-rl'到' lr-tb')

您可以使用Microsoft的Web开发人员工具栏来检查您的元素是否具有布局(如果他们不在,开发人员工具栏中的hasLayout将为-1,如果他们这样做则为1)。 / p>