-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 回答