3

サンプルフォーム：

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
fieldset {padding: 50px;}
</style>
</head>
<body>
<form>
 <fieldset>
  <legend>Form</legend>
  <p>
  <label for="name">Name </label><input id="name" type="text">
  </p>
  <p>
  <label for="email">Email </label><input id="email" type="text">
  </p>
 </fieldset>
</form>
</body>
</html>

すべての主要なブラウザーで機能しますが、IE8にはパディングトップはありません。クロスブラウザソリューションはありますか？

4

1 に答える 1

3

legendこれは、IEの古いバージョンのバグのようです。おそらく、要素（内部にネストされてfieldsetいますが、特別な方法でレンダリングされます）の周りの混乱が原因で、フォームの上にパディングが誤って配置されます。クァークズモードのIE9と、IE8およびIE7エミュレーションモードの問題を多かれ少なかれ再現できます。

fieldset回避策として、要素に上部のパディングを設定しないでください。代わりに、その中の最初の通常の要素に上マージンを設定します（legend要素は数えません）。

于 2012-11-03T21:11:16.803 に答える