Question

我正在使用jQuery淡入包含<article>元素的<section>元素。

外部元素是display:none，position:fixed和z-index:5。内部元素是position:absolute。

基本上文章给出了一个框架，内部部分包含内容并且有一个滚动条。

我在外面的元素中消失，期待内心跟风。

在IE9 +，FF和Chrome中，它按预期工作。

在IE8中 - 它没有。外部文章根本不会淡入 - 保持不可见，内部部分相对于浏览器框架定位并始终可见。页面上的其他元素都是倾斜的，页面大部分都不起作用。

代码示例：

article
{
  display: none;
  position: fixed;
  z-index: 5;
}

section
{
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  overflow: auto;
}

和

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <article id="contentFrame">
      <section id="content">
        Lorem Ipsum
      </section>
    </article>
  </body>
</html>

和

$("#contentFrame").fadeIn(2000);

Answer 1

IE8及以下版本不支持{* 1}}和article等HTML5代码。

HTML5 elements CSS & Javascript interaction in IE8 and below

HTML5 elements in Internet Explorer: runtime insertion

带有display：none的嵌套HTML元素在IE8中不起作用

1 个答案: