tra*_*llo 8 css opacity internet-explorer-9
我在IE9中遇到了一个非常有趣的问题.在包装div上使用filter:alpha(opacity =)或-ms-filter css属性时,内部块元素的框模型会被破坏.换句话说,垂直边距的折叠被禁用,而垂直边距则被添加.我只在IE9中遇到这个问题.IE7/8不受影响.
这是一个孤立的问题的jsFiddle.使用触发器锚点激活包装div上包含filter:alpha的类.(仅限IE9)
任何想法为什么会这样？
提前致谢
任何过滤器似乎都会这样做（jsfiddle.net/7BFd7）。
我只能猜测它为什么会这样做。似乎使用过滤器将元素设置为使用某些不进行边距折叠的未知显示或位置模式（例如绝对位置、内联块以及浮动或清除元素）。
无论如何..如果你只是想隐藏该元素，你可以使用visibility: hidden，它与 和 具有相同的效果opacity: 0，并且在所有地方都受支持。
如果您想为不透明度设置动画，则必须通过条件注释或 Normalizr 进行浏览器嗅探，并opacity在 IE9 中设置动画，并在旧版 IE 版本中应用过滤器。