-2

IE7が次のHTML/CSSコードで画像をレンダリングしない理由について助けが必要です

<html>
   <head>
      <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
      <title>Debugging IE 7 image problem</title>
      <style>
         .delete-icon
         {
         background-image: url("http://cdn4.iconfinder.com/data/icons/momenticons-basic/16x16/trash-can-delete.png");
         background-position: top right;
         background-repeat: no-repeat;
         padding-right: 18px;
         margin-left: 7px;
         }
      </style>
   </head>
   <body>
      <table id="table_Locations">
         <tbody>
            <tr>
               <td></td>
               <td></td>
               <td></td>
            </tr>
            <tr class="div-input-default" id="LocationsTest2">
               <td>
                  <select name="AllTests_Locations_Substance_2" id="LocationsTest2">
                     <option value="641">Okuku</option>
                     <option value="644">Oyan</option>
                     <option value="645">Ikirun</option>
                     <option value="646">Oshogbo</option>
                  </select>
               </td>
               <td>
                    <input id="LocationsTestResults2_negative" name="AllTests_Locations_Result_2" value="776" type="radio" />Negative <input id="LocationsTestResults2_positive" name="AllTests_Locations_Result_2" value="777" type="radio" />Positive<br />
                    </td>
               <td>
                    <a class="delete-icon" href="#"></a>
               </td>
            </tr>
         </tbody>
      </table>
   </body>
</html>

これは、IE8、IE9、Firefox、Chromeでうまくレンダリングされますが、IE7ではうまくレンダリングされません。このマークアップを変更してIE7で機能させるにはどうすればよいですか?ありがとう。

4

2 に答える 2

0

幅と高さを.delete-iconスタイルに設定してみてください

于 2013-02-15T11:05:40.810 に答える
0

これを試して:

.delete-icon {
         background: url("http://cdn4.iconfinder.com/data/icons/momenticons-basic/16x16/trash-can-delete.png") no-repeat right 0;
         display: inline-block;
         width: 100px; /* set to whatever you need */
         height: 100px; /* set to whatever you need */
         padding-right: 18px;
         margin-left: 7px;
}

重要なのは、アンカー タグに正しい表示値と幅と高さを与えることです。

また、レイアウト目的でテーブルを使用しないことをお勧めします。これは、少なくとも 10 年以上は良い習慣ではありませんでした。

于 2013-02-15T11:23:03.700 に答える