我有一个FlexSlider(新版本),每个幻灯片之间都有淡入淡出效果。
除了IE< = 8之外,滑块在所有浏览器中都能正常工作。在IE8中,图像很好地消失,但字幕中的文字没有褪色,导致幻灯片1-2,2-3等之间出现奇怪的瞬间变化......
我试图找一个修复但找不到任何有用和有效的方法,有没有解决方案呢?
提前谢谢你, 再见。
这是一个在IE8中显示问题的小JSFiddle http://jsfiddle.net/VpD7L/3/
答案 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>