0

HTMLでタグ<header>と<footer>タグを使用しましたが、IE で確認するとレンダリングされません。レイアウトが壊れています。それはHTMLバージョンのせいですか？これらのタグを削除しようとしたところ、レイアウトが壊れませんでした。

これが私のコードです：

<header id="main-header"> 
<div class="navigation-wrapper">
<hgroup id="logo">
    <a href="/"><h1><span class="hide">Heading</span></h1></a>
</hgroup>
<div id="dd" class="wrapper-dropdown-5" tabindex="1"> 
    <ul class="dropdown"> 
        <li>
            <a href="#"><i class="icon-user"></i>Profile</a>
        </li> 
        <li>
            <a href="#"><i class="icon-cog"></i>Settings</a>
        </li>
        <li>
            <a href="navotar.com/"><i class="icon-remove"></i>Log out</a>
        </li> 
    </ul> 
</div>
</div>
</header>
4

1 に答える 1

0

古いバージョンの IE は、認識できない要素のスタイルを設定できないため、ブラウザーの公開後に導入された要素をレンダリングしません。

幸いなことに、それを回避する方法があります。

<!--[if lt IE 9]>
<script type="text/javascript">
document.createElement('header'); document.createElement('footer');
</script>
<![endif]-->

HTML5 要素のセット全体に対してこれを行う HTML5shiv または modernizr を使用することもできます。

于 2013-08-14T14:44:30.457 に答える