Ozz*_*zah 1 javascript css jquery html5 internet-explorer
我正在使用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);
IE8及以下不支持HTML5标记,如article和section.
IE5及以下版本中的HTML5元素CSS和Javascript交互
Internet Explorer中的HTML5元素:运行时插入