html - 「レジェンド」が ie8 でスタイル設定されないのはなぜですか?

Question

<form class="form" id="profile_form">
   <legend>Your profile</legend>
     <div class="control-group ">
         <label class="control-label">Phone</label>
         <div class="controls">
         <input type="text" id="phone" class="span5">
         <div class="help-block phone_not_confirmed need_confirm">
          To confirm your phone number, please check for a text message from us.
         </div>
         <label class="checkbox">
         <input type="checkbox" id="phone_visible">
           Display my phone number to the public
         </label>
       </div>
     </div>

…………

IE8 では、「your profile」というテキストが表示されますが、スタイルが設定されていません。注: Bootstrap を使用しています。

Answer 1

IE に奇妙な動作があります。IE7 および IE8 は、fieldset 要素内にない場合に遭遇した凡例要素を閉じ、その内容を隣接するテキスト ノードに移動します。

したがって、回避策は凡例をフィールドセットでラップすることです。

ソース: http://html5doctor.com/legend-not-such-a-legend-anymore/