1

タグを追加しようとすると<img>、IE8はイメージ タグの後に「空のテキスト ノード」を自動的に追加します。

HTML :- 

<html>
<head>
    <title>Railway Services</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="img/icon.png" />
    <link rel="stylesheet" href="css/styles.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <div id="header">
        <div id="wrapper">
            <div class="logo">
                <img src="img/logo.png"/>
            </div>
        </div>
    </div>
    <div id="page" class="homePage">
       <div id="wrapper">
          <h1>Home Page</h1>
       </div>
   </div>
   <div id="footer">
      <div id="wrapper">
            <p class="copyRight">Copyright&#169;2012 Railway Services. All rights reserved</p>
      </div>
    </div>
</body>
</html>

スタイル.css :- 

@CHARSET "ISO-8859-1";
body{
   margin:0px;
   padding:0px;
   font-size:12px;
   color:#123456;
   font-family:verdana,_sans,arial;
   text-align:center;
}
#wrapper{
   width:98%;
   margin:0 auto;
}
#page{
   float:left;
   width:100%;
}
p{
   margin:0px;
   padding:0px;
}

/**********************HEADER*********************/

#header{
   float:left;
   width:100%;
}
.logo{
   float:left;
   width:20%;
   height:150px;
   cursor:pointer;
}
.logo img{
   width:100%;
   height:100%;
}

/************************HEADER END***************/

/************************FOOTER*******************/

#footer{
   float:left;
   width:100%;
}

/***********************FOOTER END****************/

この画像を見る

IE8 コンソールで

上の画像では、IEがタグの後に空のテキスト ノードを生成することがわかります。<img>

IE が空のテキスト ノードを生成する理由がわかりません。誰か助けてください..?

4

2 に答える 2

3

IE は、タグ間に空白があるページ内のすべての要素にこれを示します。これにより、問題が発生することはありません。

唯一の考慮事項は、コンテンツがインラインであり、要素間にスペースが追加される場合です。この場合、タグ間の空白を削除するだけです。

于 2012-07-11T12:04:02.937 に答える
2

image タグの後に改行とインデント用の空白があり、空のテキスト ノードが作成されます。

そのようなコードを書く場合：

<div class="logo"><img src="img/logo.png"/></div>

空のテキスト ノードはなくなります。

本当に IE 固有なので、パーサーの単なるバグだと思います。

于 2012-07-11T12:03:27.460 に答える