Question

我需要一些帮助，因为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中工作？感谢。

Answer 1

尝试将宽度和高度设置为.delete-icon style

Answer 2

试试这个：

.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年或更长时间内这不是一个好习惯。

图像[通过CSS的背景图像]未在IE7中呈现

2 个答案: