2
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<iframe id="rte" style="width: 600px; height:300px"></iframe>

<script type='text/javascript'>

  $(document).ready(function() {
    $('#rte').contents().find('body').prop('contentEditable', true);
    $('#rte').contents().find('body').html('123<div></div>456');
  });

</script>​

http://jsfiddle.net/JsjCJ/

これは、ie7、ie8、firefox、chrome でレンダリングされます。

123
456

しかし、それはie9になります:

123

456

このバグを修正する方法はありますか?

4

1 に答える 1

0

cssプロパティを適用してみましたかdiv{height:auto;margin:0px;padding:0px;}。それでも問題が解決しない場合は、中間の div 要素に境界線を適用してみて、実際に<div>要素にデフォルトの高さが割り当てられているかどうかを確認してください。

お役に立てれば!

于 2012-10-17T03:21:08.873 に答える